Dijit Button Test

Simple, drop down & combo buttons

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

Create tooltip on button View

Edit! Color Disabled


DropDownButtons with different drop down positions

Default (below) Above Before After

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

Rich Text Test! Color

Toggle buttons

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

Toggle me off Toggle me

Sizing

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

big small small long long tall
tall

Customized buttons

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

short bit longer ridiculously long

Toggling the display test

(Ticket #403)

Show Hidden Buttons

Programatically changing buttons

clicking the buttons below will change the buttons above

Button instantiated via javacript:

DropDownButton instantiated via javacript:

Submit and Reset Buttons

Testing that submit and reset buttons work properly. OnSubmit and OnReset handlers for the form just output to the console.

Submit   Reset

onClick Tests

Testing that onClick works properly

Reset with no onClick handler should reset
Reset with "return false" onClick handler should not reset
Reset with "return true" onClick handler should reset
Reset with "return" onClick handler should reset
Reset with "" onClick handler should reset

Submit/value test

Plain Submit DropDown Submit Disabled Submit



Tests for bubbling:

1 2 3