Buttons
Buttons can do an action, display a menu, or both:
Enabled: ●Simple Drop Down▼▼ |
Disabled: ●Simple Drop Down▼
▼ |
CheckBox
Radio Buttons
dijit.form.DateTextBox
dijit.form.TimeTextBox
dijit.form.CurrencyTextBox
dijit.form.NumberSpinner max=100
dijit.form.Select
Alaska |
Alaska |
dijit.form.FilteringSelect
dijit.form.Textarea
Enabled:
Disabled:
dijit.form.SimpleTextarea
Enabled:
Disabled:
Enabled:
Disabled:
Enabled
+ | ||
0
100
|
20 40 60 80 | |
- |
Slider2 Value:
20% 40% 60% 80% | ||||
|
lowest
normal
highest
| ||||
Value:
 small medium large | ||||
Disabled
+ | ||
0
100
|
20 40 60 80 | |
- |
20% 40% 60% 80% | ||||
|
lowest
normal
highest
| ||||
|
small medium large | ||||
TitlePane
This is a title pane. It can be expanded and collapsed.
Sed sollicitudin suscipit risus. Nam ullamcorper. Sed nisl lectus, pellentesque nec, malesuada eget, ornare a, libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
ProgressBar
dijit.InlineEditBox + dijit.form.TextBox on <h3>
(HTML before)Edit me - I trigger the onChange callback
(HTML after)dijit.InlineEditBox + dijit.form.Textarea
(HTML before)I'm one big paragraph. Go ahead and edit me. I dare you.
The quick brown fox jumped over the lazy dog. Blah blah blah blah blah blah blah ...
These links will disable / enable the text area above.
dijit.form.DateTextBox
(HTML inline before) 12/30/05 (HTML after)dijit.form.TimeTextBox
(HTML inline before) 9:00 AM (HTML after)dijit.form.FilteringSelect + Inline + remote data store
(HTML inline before) Indiana (HTML after)Source 1
Source 2
You can explore this single page after applying a Theme for use in creation of your own theme.
I am whole slew of Widgets on a page. Jump to dijit tests to test individual components.
There is a right-click [context] pop-up menu here, as well.
tundra (RTL high-contrast RTL+high-contrast ) - by: Dojo
soria (RTL high-contrast RTL+high-contrast ) - by: nikolai
nihilo (RTL high-contrast RTL+high-contrast ) - by: nikolai
I am the last Tab