Dijit Button Test

Simple, drop down & combo buttons

Buttons can do an action, display a menu, or both:

<button> Create tooltip on button Create Create blank Create from template Edit! Cut Copy Paste Submenu Submenu Item One Submenu Item Two Deeper Submenu Sub-sub-menu Item One Sub-sub-menu Item Two Color Save Save Save As Disabled

DropDownButtons with different drop down positions

ComboButtons with different drop down positions

Buttons with no text label

Buttons have showLabel=false so text is not displayed. If no title attribute supplied, Should have label as title attribute displayed on mouse over

Toggle buttons

The button CSS as well as the icon CSS can change on toggle

Sizing

Short button, tall buttons, big buttons, small buttons... These buttons size to their content (just like <button>).

big small long
tall

Customized buttons

Dojo users can customize styles. Here's an example:

Toggling the display test

(Ticket #403)

Programatically changing buttons

clicking the buttons below will change the buttons above

Button instantiated via javacript:

DropDownButton instantiated via javacript:

Submit and Reset Buttons

onClick Tests

Submit/value test