Sample Applications: Real-Time Data Submit   Domains Wizard   Signup  
Widgets: Widget   Button   Checkbox   Radio   Edit   Calendar   Drag   Resize
Grouped Widgets: Listbox   Tree   Combobox   Menu   Table   Splitter   Tabs

Prebuilt Widgets: Collapsible Panel Bar Windows   Zooming Box   Color Picker   Toolbar   Popups and Tooltips
Widget Properties: Animations   Anchors   Attach to Widget   Attach to Container   Drag N Drop   Gradient   Layout   Polling (real-time)  

Collapsible Panel Bar

Groups in the Collapsible Panel Bar above can be customized using special colors and icons for the headers and with images for the items area. You can also span Groups across several columns. Collapsible Panel Bar is a prebuilt control. Two widgets are used to build Collapsible Panel Bar: Widget and Button. MotionScripts are used to control how the Panel Bar collapses. The speed of the collapse can be configured by adjusting the MotionScript. Click View Source Button for details.

Tutorials   Buy It   Support  

Collapsiable Panel Bar Features

    Button/Widget Styles
  • Gradients for backgrounds
  • Background/Foreground colors
  • Border colors
  • Select Background/Foreground colors
  • Highlight colors
  • Multiple Image setable
  • Image Rollover
  • 13 Widget Border types
  • Transparency
  • Fonts
  • Text Alignment
  • Text Formatting

  • Frame support
  • Dynamically scripted from PHP, JSP, ASP, CGI, PERL, ColdFusion to XML.
    Button/Widget Attributes
  • Size settings
  • Labels
  • Enabled/Disabled
  • Visible/Invisible
  • Rollover
  • Set Sticky - maintain selected state
  • Set Select
  • Request Focus
  • Focus Traversable
  • Set Name
  • Set Group

  • action
  • mouse pressed/released
  • key pressed/released
  • on load/unload
  • focus gained/lost

  • URL calls
  • Mail to
  • load XML file
  • Multiple actions per item

Collapsible Panel Bar is a prebuilt control. Two widgets are used to build Collapsible Panel Bar: Widget and Button. Button is used as an Item in Collapsible Panel Bar. Items are grouped and displayed under headers.

Bambookit Buttons can contain text and images. You can add to the Button a graphic of your choice by providing the URL of the graphic. You may also set a multiple images per button (item), as it is shown in the applet example above.

Bambookit buttons are interactive buttons, it changes when the cursor or pointer is position over it. By making a button light up (or otherwise calling attention to itself), you provide a stronger visual signal that the area is clickable then with a static flat graphic.

Bambookit button offers wide range of colors for background and foreground highlights, rollovers, or opaque to set a button's transparency. Background and Foreground colors and highlights can be configured to be set to any 6 digit hexadecimal (RGB) value.

Gradient Color fill is made available for buttons. The gradient progresses from one specified color to a different specified color in a Widget with three choices of gradients curves available: linear, concave, and convex. See in the applet example above how these curves are differ.

Button's border choices are: none, flat, squareraised, squarelowered, roundraised, roundlowered, roundraisedthin, roundloweredthin, squareraisedthin, squareloweredthin, text groove, ridge.

Buttons can contain a text with customize font's size and style, colors, alignment. The Fontname can be configured as Serif, Sansserif, or monospaced. Fontstyle can be configured as Bold, Italic, Plain, Bolditalic, Underline. The point size can be set from 6 tp 120.

Button can be aligned right, left, center, bottomright, bottomleft, topright, topleft.

Button can be set to be sticky to maintain a selected state in the button by clicking on it.

It can be set visible/invisible, enabled/disabled, selected/deselected.

URL's functionality can be added to the button by registering a URL for through the use of action attribute. By associating a hyperlink with a button a web page is opened when the user clicks on the link. The link style and color can be configured. Action attribute will also allow to open xml files with defined XML GUI user interface in any screen in the application or in a frame specified on the web page.

Enabled property set to False is used to disabled a Button.

Opaque is used to set the Button's transparency, if opaque is set to 'false', then the elements behind the Button are visible and Foreground highlight is set automatically to white.

Cacheable views get activated through setCache property. When loading gui's, this option caches the views if set to 'True, including previously entered data in the fields.

It is easy to customise buttons in Bambookit web application including adding links, email (mailto property), creating menu buttons and much more. You can create Buttons as an add-on to the web site.


[Home] [Bambookit GUI] [Demo]
[Features] [Benefits] [Widgets Set] [Bambookit FAQ]