XML Tutorials Panels Layout
Version 1.6

This is the archives. For the latest Bambookit GUI 2.0, XML GUI Demos & Tutorials visit: www.bambookit.com/_demo.html



Once widget-container for your application is created, it is time to add and layout panels. Widget control is used once more to add more panels to the container. setShape property is used to layout panels in the container (setShape="x,y,width,height"). Coordinates x and y are applied in pixels to the container-widget in which panel-widget will be placed. Width and height of the panel-widget should not be bigger then width and height of the container-widget. You may add as many panels as you wish to the container.
Refer to Reference for complete list of Properties.

HTML Source:
<html>
<body>
<applet archive="bamboo_1_5.jar" code="Loader.class" width=500 height=300>
<param name="loadgui" value="tutorials_panel_layout.xml">
</applet>
</body>
</html>

tutorials_panel_layout.XML Source:

<Widget setSize="500,300" setBackground="cdc9ee" setBorder="flat">
<Widget setShape="0,0,500,30" setLabel="Application Title" setFontSize="13" setAlign="bottomleft" setBackground="f8f4db"/>
<Widget setShape="0,30,150,270" setBackground="f8f4db"/>
<Widget setShape="150,30,350,70" setBackground="f8f4db"/>
<Widget setShape="150,100,350,200" setBackground="f8f4db"/>
</Widget>

[Home][Tutorial] [Demo]

Containers
Windows Panels Tabs Resize Layout Manager Splitter View Dragresize Scrollbars