Dijit Button Test

Simple, drop down & combo buttons

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

<button> Create tooltip on button View 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

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: