On Fri, Dec 19, 2008 at 9:27 PM, Derrell Lipman <
[email protected]> wrote:

>
> Jim, I've never played with the Dock layout, but what you're attempting can
> be done with the VBox  layout.  The following example is just like what you
> described except that the Dock is replaced by a VBox.
>

And since I started with a previous sample, there was some left over cruft
in the application I sent.  Here's a slightly cleaned up version of it
that's a bit simpler.

/*
#require(qx.log.appender.Native)
#require(qx.log.appender.Console)
*/

qx.Class.define("custom.Application",
{
  extend : qx.application.Standalone,
  members :
  {
    main: function()
    {
      this.base(arguments);

      // Top-level container taking up entire viewport
      var container = new qx.ui.container.Composite(new
qx.ui.layout.VBox());
      this.getRoot().add(container, { edge : 0 });

      var o;

      // First fixed height item at top
      o = new qx.ui.core.Widget();
      o.set(
        {
          height          : 20,
          minHeight       : 20,
          maxHeight       : 20,
          backgroundColor : "red"
        });
      container.add(o);

      // Second fixed height item at top
      o = new qx.ui.core.Widget();
      o.set(
        {
          height          : 20,
          minHeight       : 20,
          maxHeight       : 20,
          backgroundColor : "green"
        });
      container.add(o);

      // Variable height (middle) scroller
      var scrollContainer = new qx.ui.container.Scroll();
      container.add(scrollContainer, { flex : 1 });

      var scroller = new qx.ui.container.Composite(new qx.ui.layout.VBox());
      scrollContainer.add(scroller);

      var group = new qx.ui.form.RadioGroup();

      for (var i = 1; i <= 200; i++)
      {
        o = new qx.ui.form.RadioButton("Option " + i);
        scroller.add(o);
      }

      scrollContainer.scrollToY(0);

      // First fixed height item at bottom
      o = new qx.ui.core.Widget();
      o.set(
        {
          height          : 20,
          minHeight       : 20,
          maxHeight       : 20,
          backgroundColor : "green"
        });
      container.add(o);

      // Second fixed height item at bottom
      o = new qx.ui.core.Widget();
      o.set(
        {
          height          : 20,
          minHeight       : 20,
          maxHeight       : 20,
          backgroundColor : "red"
        });
      container.add(o);
    }
  }
});
------------------------------------------------------------------------------
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

Reply via email to