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



Three listboxes are displayed in the applet above: Listbox1, Listbox2, and Listbox3. Listbox1 and Listbox2 are introduced with a scrollbars. Colors for scrols can be customized. Listbox provided with items. Each item has icons, foreground and backgrond highlights, selections with matching colors, alignment and focus traversable. The Border Type is 'flat'.

Two controls - Listbox and Item will create a Listbox. Item control is also used to create a tree. Item's properies are very similar to the Button properties. Scrollbar control is described in the Scrollbar section.

Any scripting language can be used to dynamically generate the xml code (i.e. Perl, PHP, ASP, JSP, ColdFusion, etc...) in a listbox.

Refer to Reference for complete list of Properties.


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

suite_tabs.XML Source:

<Widget setSize="275,360">
<Listbox setShape="10,40,230,150" setOpaque="true" setBorder="flat" setAnchor="true,false,true,false">
        <Item setLabel="test.doc" setSticky="true" setGroup="saveas" setForegroundSelect="white" setForegroundHighlight="white" setBackgroundSelect="2211cc" setBackgroundHighlight="2211cc" addImage="images/word.gif,16,16" setBorder="none" setAnchor="true,false,true,false" />
        <Item setLabel="todo.xls" setSticky="true" setGroup="saveas" setForegroundSelect="white" setForegroundHighlight="white" setBackgroundSelect="2211cc" setBackgroundHighlight="2211cc" addImage="images/excel.gif,16,16" setBorder="none" setAnchor="true,false,true,false"/>
        <Item setLabel="sales.mdb" setSticky="true" setGroup="saveas" setForegroundSelect="white" setForegroundHighlight="white" setBackgroundSelect="2211cc" setBackgroundHighlight="2211cc" addImage="images/access.gif,16,16" setBorder="none" setAnchor="true,false,true,false"/>
</Listbox>
</Widget>

[Home][Tutorial] [Demo]

Introduction