Dijit Widgets
Dijit / Layout
AccordianContainer
| dijit.layout.AccordianContainer |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Duration | | Yes |
| Persist | | No |
BorderContainer
| dijit.layout.BorderContainer |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Design | Headline or Sidebar | Yes |
| Live Splitters | | Yes |
| Persist | Save splitter positions in a cookie | Yes |
| Gutters | | Yes |
ContentPane
| dijit.layout.BorderContainer |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Title | | No |
| content | The innerHTML of the ContentPane | Yes |
| URL | href | Yes |
| Extract Content | Extract content from inside <body> tag | Yes |
| Parse On Load | default to Yes | No |
| Prevent Cache | default to No | No |
| Preload | default to Yes | No |
| Refresh On Show | default to No | No |
| Loading Message | Message to show while loading content | Yes |
| Error Message | Message to show if an error occurs | Yes |
| ioArgs | | No |
StackContainer
| dijit.layout.StackContainer |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Persist | Remembers the selected child across sessions | Yes |
Notes: This container is good for wizards, slide shows, and long lists or text blocks. Default is 2 pages - how do you add more pages?
StackContainer uses ContentPane for each page. Works in tandem with StackController (the contorl buttons).
| dijit.layout.StackController |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Container ID | | No |
| buttonWidget | Name of the button widget to create to correspond to each page | Yes |
Notes: StackController has more properties that are not in Maqetta: containerId, pane2button, pane2handles - not sure what these are but might want to include them. The dojo example shows multiple buttons (forward/back + page buttons) - how do you configure this?
TabContainer
| dijit.layout.StackContainer |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Tab Position | Inherited | Yes |
| Nested | Inherited | Yes |
| tabStrip | Inherited | Yes |
| persist | Inherited. Remembers the selected child across sessions | Yes |
| controllerWidget | | Yes |
Notes: TabContainer has more properties that are not in Maqetta: useMenu and useSlider. I think these should be added.
Dijit / Form Handling
Button
| dijit.form.Button |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Type | Inherited | Yes |
| Name | Inherited | Yes |
| Value | Inherited | Yes |
| Tab index | Inherited | Yes |
| Disabled | Inherited | Yes |
| Label | | Yes |
| Show Label | | Yes |
| Icon Class | | Yes |
| scrollOnFocus | Inherited | Yes |
ComboButton
| dijit.form.ComboButton |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Type | Inherited | Yes |
| Name | Inherited | Yes |
| Value | Inherited | Yes |
| Tab index | Inherited | Yes |
| Disabled | Inherited | Yes |
| Label | Inherited | Yes |
| Show Label | Inherited | Yes |
| Icon Class | Inherited | Yes |
| scrollOnFocus | Inherited | Yes |
| baseClass | Root CSS class of the widget | Yes |
| optionsTitle | Text that describes the options menu (accessability) | Yes |
DropDownButton
| dijit.form.DropDownButton |
| Maqetta property | Comments | Show? |
|---|
| Inherited | see inherited properties | Yes |
| baseClass | | Yes |
| dropDown | | Yes |
| dropDownContainer | | Yes |
ToggleButton
| dijit.form.ToggleButton |
| Maqetta property | Comments | Show? |
|---|
| Inherited | see inherited properties | Yes |
| baseClass | | Yes |
| checked | | Yes |
CurrencyTextBox
| dijit.form.CurrencyTextBox |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Type | Inherited | Yes |
| Name | Inherited | Yes |
| Value | Inherited | Yes |
| Tab Index | Inherited | Yes |
| Disabled | Inherited | Yes |
| Read Only | Inherited | Yes |
| Intermediate Changes | Inherited | ? |
| Max Length | Inherited | Yes |
| Currency | | Yes |
| regExp | Inherited | Yes |
| scrollOnFocus | Inherited | Yes |
Notes: Missing property: constraints - specifies both contstraints on the input (including minimum/maximum allowed values) as well
as formatting options. See dijit.form.CurrencyTextBox._Contraints for details.
DateTextBox
| dijit.form.DateTextBox |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Name | Inherited | Yes |
| Value | | Yes |
| Tab Index | Inherited | Yes |
| Disabled | Inherited | Yes |
| Read Only | Inherited | Yes |
| Intermediate Changes | Inherited | ? |
| Max Length | Inherited | Yes |
| datePackage | Defaults to Gregorian calendar routines at dojo.date. | No |
| scrollOnFocus | Inherited | Yes |
NumberTextBox
| dijit.form.NumberTextBox |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Type | Inherited | Yes |
| Name | Inherited | Yes |
| Value | | Yes |
| Tab Index | Inherited | Yes |
| Disabled | Inherited | Yes |
| Read Only | Inherited | Yes |
| Intermediate Changes | Inherited | ? |
| Max Length | Inherited | Yes |
| scrollOnFocus | Inherited | Yes |
| state | | No |
SimpleTextarea
| dijit.form.SimpleTextarea |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Name | Inherited | Yes |
| Text | (value) | Yes |
| Tab Index | Inherited | Yes |
| Disabled | Inherited | Yes |
| Read Only | Inherited | Yes |
| Intermediate Changes | Inherited | ? |
| Rows | | Yes |
| Columns | | Yes |
| trim | Inherited | Yes |
| uppercase | Inherited | Yes |
| lowercase | Inherited | Yes |
| propercase | Inherited | Yes |
| maxLength | Inherited | Yes |
| scrollOnFocus | Inherited | Yes |
TextArea
| dijit.form.TextArea |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Name | Inherited | Yes |
| maxLength | Inherited | Yes |
| Text | (value) | Yes |
| Tab Index | Inherited | Yes |
| Disabled | Inherited | Yes |
| Read Only | Inherited | Yes |
| Intermediate Changes | Inherited | ? |
| cols | | Yes |
| rows | | Yes |
| trim | Inherited | Yes |
| uppercase | Inherited | Yes |
| lowercase | Inherited | Yes |
| propercase | Inherited | Yes |
| scrollOnFocus | Inherited | Yes |
TextBox
| dijit.form.TextBox |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Type | Inherited | Yes |
| Name | Inherited | Yes |
| Value | | Yes |
| Tab Index | Inherited | Yes |
| Disabled | Inherited | Yes |
| Read Only | Inherited | Yes |
| Intermediate Changes | Inherited | ? |
| Trim | | Yes |
| Upper Case | | Yes |
| Lower Case | | Yes |
| Proper Case | | Yes |
| Max Length | | Yes |
| scrollOnFocus | Inherited | Yes |
Note: Consider adding "selectOnClick".
TimeTextBox
| dijit.form.TimeTextBox |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Name | Inherited | Yes |
| Value | | Yes |
| Tab Index | Inherited | Yes |
| Disabled | Inherited | Yes |
| Read Only | Inherited | Yes |
| Intermediate Changes | Inherited | ? |
| Max Length | Inherited | Yes |
| popupClass | | Yes |
| datePackage | Defaults to Gregorian calendar routines at dojo.date. | No |
| scrollOnFocus | Inherited | Yes |
ValidationTextBox
| dijit.form.ValidationTextBox |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Type | Inherited | Yes |
| Name | Inherited | Yes |
| Value | | Yes |
| Tab Index | Inherited | Yes |
| Disabled | Inherited | Yes |
| Read Only | Inherited | Yes |
| Intermediate Changes | Inherited | ? |
| Trim | Inherited | Yes |
| Upper Case | Inherited | Yes |
| Lower Case | Inherited | Yes |
| Proper Case | Inherited | Yes |
| Max Length | Inherited | Yes |
| scrollOnFocus | Inherited | Yes |
Consider adding: "invalidMessage", "promptMessage", "required", "state", "tooltipPosition". Not sure about "messages" - no documentation on it.
ComboBox
| dijit.form.ComboBox |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Type | Inherited | Yes |
| Name | Inherited | Yes |
| Value | | Yes |
| Tab Index | Inherited | Yes |
| Disabled | Inherited | Yes |
| Read Only | Inherited | Yes |
| Intermediate Changes | Inherited | ? |
| Max Length | Inherited | Yes |
| Auto Complete | Inherited | Yes |
| Search Delay | Inherited | Yes |
| Search Attribute | Inherited | Yes |
| Query Expression | Inherited | Yes |
| Ignore Case | Inherited | Yes |
| Show Down Arrow | Inherited | Yes |
| scrollOnFocus | Inherited | Yes |
| highlightMatch | Inherited | Yes |
| labelAttr | Inherited | Yes |
| Label Type | Inherited | Yes |
FilteringSelect
| dijit.form.FilteringSelect |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Type | Inherited | Yes |
| Name | Inherited | Yes |
| Value | | Yes |
| Tab Index | Inherited | Yes |
| Disabled | Inherited | Yes |
| Read Only | Inherited | Yes |
| Intermediate Changes | Inherited | ? |
| Max Length | Inherited | Yes |
| Page Size | Inherited | Yes |
| Auto Complete | Inherited | Yes |
| Search Delay | Inherited | Yes |
| Search Attribute | Inherited | Yes |
| Query Expression | Inherited | Yes |
| Ignore Case | Inherited | Yes |
| Show Down Arrow | Inherited | Yes |
| Label Attribute | Inherited | Yes |
| Label Type | Inherited | Yes |
| scrollOnFocus | Inherited | Yes |
| fetchProperties | Inherited | Yes |
| highlightMatch | Inherited | Yes |
Consider adding "required".
MultiSelect
| dijit.form.MultiSelect |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Name | Inherited | Yes |
| Tab Index | Inherited | Yes |
| Disabled | Inherited | Yes |
| Read Only | Inherited | Yes |
| Size | | Yes |
| scrollOnFocus | Inherited | Yes |
Select
| dijit.form.Select |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Name | Inherited | Yes |
| Type | Inherited | ? |
| Value | Inherited | ? |
| Tab Index | Inherited | Yes |
| Disabled | Inherited | Yes |
| Read Only | Inherited | Yes |
| Intermediate Changes | Inherited | ? |
| Max Height | Inherited | Yes |
| Auto Width | Inherited | Yes |
| Force Width | Inherited | Yes |
| ToolTip Position | | Yes |
| Required | | Yes |
| scrollOnFocus | Inherited | Yes |
Note: This widget is not in Maqetta so this is best guess on which properties to display.
CheckBox
| dijit.form.CheckBox |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Name | Inherited | Yes |
| Value | | Yes |
| Tab Index | Inherited | Yes |
| Disabled | Inherited | Yes |
| Read Only | | Yes |
| Checked | | Yes |
| scrollOnFocus | Inherited | Yes |
HorizontalSlider
| dijit.form.HorizontalSlider |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Name | Inherited | Yes |
| Value | | ? |
| Tab Index | Inherited | Yes |
| Disabled | Inherited | Yes |
| Read Only | Inherited | Yes |
| Intermediate Changes | Inherited | ? |
| Show Buttons | | Yes |
| Minimum Value | | Yes |
| Maximum Value | | Yes |
| Discreet Values | | Yes |
| Page Increment | | Yes |
| Click Select | | Yes |
| Slide Diration | | Yes |
| scrollOnFocus | Inherited | Yes |
NumberSpinner
| dijit.form.NumberSpinner |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Name | Inherited | Yes |
| Value | Inherited | Yes |
| Tab Index | Inherited | Yes |
| Disabled | Inherited | Yes |
| Read Only | Inherited | Yes |
| Intermediate Changes | Inherited | ? |
| Max Length | Inherited | Yes |
| Default Timeout | Inherited | Yes |
| Timeout Change Rate | Inherited | Yes |
| Small Delta | Inherited | Yes |
| Lare Delta | Inherited | Yes |
| scrollOnFocus | Inherited | Yes |
| state | Inherited | Yes |
RadioButton
| dijit.form.RadioButton |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Name | Inherited | Yes |
| Value | Inherited | Yes |
| Tab Index | Inherited | Yes |
| Disabled | Inherited | Yes |
| Read Only | Inherited | Yes |
| Checked | Inherited | Yes |
| scrollOnFocus | Inherited | Yes |
VerticalSlider
| dijit.form.VerticalSlider |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Name | Inherited | Yes |
| Value | | ? |
| Tab Index | Inherited | Yes |
| Disabled | Inherited | Yes |
| Read Only | Inherited | Yes |
| Intermediate Changes | Inherited | ? |
| Show Buttons | | Yes |
| Minimum Value | | Yes |
| Maximum Value | | Yes |
| Discreet Values | | Yes |
| Page Increment | | Yes |
| Click Select | | Yes |
| Slide Diration | | Yes |
| scrollOnFocus | Inherited | Yes |
| widgetsInTemplate | Inherited | No |
| isContainer | Inherited | No |
Dijit / Widget
Calendar
| dijit.Calendar |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Name | Inherited | Yes |
| Value | Inherited | Yes |
| Day Width | Inherited | Yes |
| datePackage | Use dojo.date default? Inherited | No |
ColorPalette
| dijit.ColorPalette |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Default Timeout | Inherited | Yes |
| Timeout Change Rate | Inherited | Yes |
| Palette Size | Inherited | Yes |
| Value | Inherited | Yes |
| Tab Index | Inherited | Yes |
Dialog
| dijit.Dialog |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Title | Inherited | Yes |
| URL | Inherited | Yes |
| Extract Content | Inherited | Yes |
| Parse On Load | default to Yes | No |
| Prevent Cache | default to No | No |
| Preload | default to Yes | No |
| Refresh On Show | default to No | No |
| Loading Message | Inherited | Yes |
| Error Message | Inherited | Yes |
| Duration | not a valid property | No |
| Refocus | Inherited | Yes |
| open | Inherited | Yes |
| autofocus | Inherited | Yes |
| draggable | Inherited | Yes |
| content | Inherited | Yes |
Editor
| dijit.Editor |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Inherit Width | Inherited | Yes |
| Focus On Load | Inherited | Yes |
| Name | Inherited | Yes |
| Style Sheets | Inherited | Yes |
| Height | Inherited | Yes |
| Minimum Height | Inherited | Yes |
| Plug-ins | Inherited | Yes |
| Extra Plug-ins | Inherited | Yes |
| customUndo | Inherited | Yes |
| IsTabIndent | Inherited | Yes |
| disableSpellCheck | Inherited | Yes |
| Disabled | Inherited | Yes |
| updateInterval | Inherited | Yes |
InlineEditBox
| dijit.InlineEditBox |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Auto Save | Inherited | Yes |
| Save Button Label | Inherited | Yes |
| Cancel Button Label | Inherited | Yes |
| Render As HTML | Inherited | Yes |
| Editor Class | Inherited | Yes |
| Editor Parameters | Inherited | Yes |
| Editor Width | Inherited | Yes |
| Value | Same as Text? Inherited | Yes |
| Text | (title? - no Text property) Inherited | Yes |
| Yes Value Indicator | Should this be No Value indicator? (property=noValueIndicator) Inherited | Yes |
| editing | Inherited | Yes |
Menu
| dijit.Menu |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Target Node IDs | Inherited | Yes |
| Context Menu For Window | Inherited | Yes |
| Left Click To Open | Inherited | Yes |
| Popup Delay | Inherited | Yes |
| Tab Index | Inherited | Yes |
MenuBar
| dijit.MenuBar |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Popup Delay | Inherited | Yes |
| Tab Index | Inherited | Yes |
ProgressBar
| dijit.ProgressBar |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Progress Value | Inherited | Yes |
| Maximum Value | Inherited | Yes |
| Places | Inherited | Yes |
| Indeterminate | Inherited | Yes |
TitlePane
| dijit.TitlePane |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Title | | Yes |
| URL | Inherited | Yes |
| Extract Content | Inherited | Yes |
| Parse On Load | Inherited | Yes |
| Prevent Cache | Inherited | Yes |
| Preload | Inherited | Yes |
| Refresh on Show | Inherited | Yes |
| Loading Message | Inherited | Yes |
| Error Message | Inherited | Yes |
| Duration | Not a valid property | Yes |
| open | Inherited | Yes |
| content | Inherited | Yes |
| ioArgs | Inherited | No |
Toolbar
| dijit.Toolbar |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Tab Index | Inherited | Yes |
| isContainer | Not a valid property? | No |
Consider "layoutAlign"
Tooltip
| dijit.Tooltip |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Label | | Yes |
| Text | Not a valid property. There's "title" but it's interchangeable with "label" | ? |
| Connect IDs | Inherited | Yes |
| Show Delay | Inherited | Yes |
| Positions | (plural?) Inherited | Yes |
| defaultPosition | Not a valid property | No |
Tree
| dijit.Tree |
| Maqetta property | Comments | Show? |
|---|
| ID | | No |
| Show Root | Inherited | Yes |
| Open On Click | Inherited | Yes |
| openOnDblClick | Inherited | Yes |
| persist | Inherited | Yes |
| dndController | Inherited | No |
| dndParams | Inherited | No |
Consider: "persist", "selected", "selectedItem"
Previous / Next