Location: A review of cardiac cellular electrophysiology models @ 1b3862589abf / dojo-presentation / js / dojo / dijit / tests / form / test_Button.html

Author:
David Nickerson <david.nickerson@gmail.com>
Date:
2021-09-17 15:50:49+12:00
Desc:
tweak html formatting
Permanent Source URI:
https://models.fieldml.org/workspace/a1/rawfile/1b3862589abf79ae9119ee0b5e99a8b785d762e1/dojo-presentation/js/dojo/dijit/tests/form/test_Button.html
Compare... Download Source

Dijit Button Test

Simple, drop down & combo buttons

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

<button> Create tooltip on button
Edit!
Cut
Copy
Paste
Submenu
Color
Save
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

Rich Text Test!
Color
Save

Toggle buttons

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

Toggle me Toggle me

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:

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

Disable all Change labels Revert

Button instantiated via javacript:

DropDownButton instantiated via javacript:

create dropdown button destroy dropdown button