XML Tutorials Checkbox Image
Version 1.6

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

Checkbox's Property: setImage, setImageRollover and add Image Containers.


In the applet above we can see how setImage property is used, including ImageRollover. One of the Checkbox's properties is ability to add many images in the Checkbox creating image container. setImageContainer="int,int" sets the size of how big the image container is. Then inside of the image container you can add multiple images with the use of addImage property. I can multiple images using addImage property. Note that in the HTML Source "preload" attribute is used to allow images to be loaded on background for faster image download.

On the left, the navigation tree is provided to easily search though Bamboo Suite controls (if the tree is not displayed click on the Tutorial link below). The tree represents the contents of the Tutorial for Bamboo Suite. The main topics appear under collapsed folder icon. Collapsed folder icon is also an indication that there are more files available under collapsed folder. The expanded folder implies that there are no more files under this item. Clicking on the collapsed/expanded folder icon will open/close items in the tree node. Clicking on the tree item will open the requested topic in the main window.

Most of the topics contain live applet examples along with the property description, HTML source and XML source.
Refer to Reference for complete list of Properties.


HTML Source:
<html>
<body>
<applet archive="bamboo_1_5.jar" code="Loader.class" width=390 height=150>
<param name="loadgui" value="tutorials_Checkbox_image.xml">
<param name="preload" value="images/mac.gif,images/windows.gif">
<param name="preload" value="images/windows.gif,images/windows.gif">
<param name="preload" value="images/linux.gif,images/windows.gif">
<param name="preload" value="images/barrow.gif,images/windows.gif">
<param name="preload" value="images/barrowrollover.gif,images/windows.gif">
</applet>
</body>
</html>

tutorials_Checkbox_image.XML Source:

<Widget setSize="390,150" setBackground="cdc9ee">
<Widget setShape="10,10,170,25" setLabel="Image" setFontstyle="bold" setOpaque="false"/>
<Checkbox setShape="10,40,170,25" setLabel="windows" setImage="images/barrow.gif,15,20" setBackgroundHighlight="ffffff" setForegroundHighlight="000066" setForeground="666699" setImageRollover="images/barrowrollover.gif"/>
<Checkbox setShape="10,70,170,25" setLabel="mac" setImage="images/barrow.gif,15,20" setBackgroundHighlight="ffffff" setForegroundHighlight="000066" setForeground="666699" setImageRollover="images/barrowrollover.gif"/>
<Checkbox setShape="10,100,170,25" setLabel="linux" setImage="images/barrow.gif,15,20" setBackgroundHighlight="ffffff" setForegroundHighlight="000066" setForeground="666699" setImageRollover="images/barrowrollover.gif"/>
<Widget setShape="185,10,170,25" setLabel="Imagecontainer" setFontstyle="bold" setOpaque="false"/>
<Checkbox setShape="185,40,170,25" setLabel="windows images" addImage="images/windows.gif,15,15" addImage="images/windows.gif,15,15" setImageContainer="40,20"/>
<Checkbox setShape="185,70,170,25" setLabel="mac images" addImage="images/mac.gif,15,15" addImage="images/mac.gif,15,15" setImageContainer="40,20"/>
<Checkbox setShape="185,100,170,25" setLabel="linux images" addImage="images/linux.gif,15,15" addImage="images/linux.gif,15,15" setImageContainer="40,20"/>
</Widget>

[Home][Tutorial] [Demo]

Checkbox
Shape Borders Fonts & Colors Highlights Images Other