I can't make head or tails of layouts. The API seems to make more
promises then it can't keep.

The following code is an combination of the various examples and takes
place in an application's constructor. It overlaps the table over the
toolbar. My ideal is to have a toolbar at the top and the rest of the
space taken up by the table.

If the table.set( { width is uncommented, there are errors when I try
to add items to the table. If height is also commented out, the table
is not shown.

This isn't the only way I tried it, nothing has really worked, this
just happens to be the latest iteration.

var doc = qx.ui.core.ClientDocument.getInstance();
var dockLayout = new qx.ui.layout.DockLayout;
dockLayout.setLocation(0, 0);
dockLayout.setRight(0);
dockLayout.setBottom(0);
dockLayout.setBackgroundColor("white");

var toolbar = new qx.ui.toolbar.ToolBar;
var prevBtn = new qx.ui.toolbar.Button( "Previous",
"icon/16/actions/media-skip-backward.png" );
var playBtn =  new qx.ui.toolbar.Button("Play",
"icon/16/actions/media-playback-start.png" );
toolbar.add( prevBtn );
toolbar.add( playBtn );
dockLayout.addTop( toolbar );

var playlistModel = new qx.ui.table.model.Simple();
playlistModel.setColumns([ "#", "Title", "Artist", "Album", "Length" ]);

    var table = new qx.ui.table.Table(playlistModel);
table.set(
{
//  width   : "100%"
    height  : "100%"
});
dockLayout.addBottom( table );
doc.add(dockLayout);

Thanks,
Ian

-------------------------------------------------------------------------
This SF.Net email is sponsored by the Moblin Your Move Developer's challenge
Build the coolest Linux based applications with Moblin SDK & win great prizes
Grand prize is a trip for two to an Open Source event anywhere in the world
http://moblin-contest.org/redirect.php?banner_id=100&url=/
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

Reply via email to