Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Convert dijit/ to use new data-dojo-type syntax, with MID's.

  • Loading branch information...
commit ca3447798974fa1ceda2f109576113eb3a2fb352 1 parent 8d108f2
Bill Keese wkeese authored

Showing 71 changed files with 415 additions and 415 deletions. Show diff stats Hide diff stats

  1. +6 6 dijit/Calendar.rst
  2. +1 1  dijit/CalendarLite.rst
  3. +1 1  dijit/ColorPalette.rst
  4. +4 4 dijit/Declaration.rst
  5. +35 35 dijit/Dialog.rst
  6. +9 9 dijit/DropDownMenu.rst
  7. +6 6 dijit/Editor.rst
  8. +3 3 dijit/InlineEditBox.rst
  9. +11 11 dijit/Menu.rst
  10. +9 9 dijit/MenuBar.rst
  11. +3 3 dijit/MenuBarItem.rst
  12. +1 1  dijit/ProgressBar.rst
  13. +4 4 dijit/TitlePane.rst
  14. +13 13 dijit/Toolbar.rst
  15. +4 4 dijit/Tooltip.rst
  16. +8 8 dijit/TooltipDialog.rst
  17. +6 6 dijit/Tree-examples.rst
  18. +14 14 dijit/Tree.rst
  19. +2 2 dijit/_FocusMixin.rst
  20. +1 1  dijit/_TemplatedMixin.rst
  21. +6 6 dijit/_WidgetsInTemplateMixin.rst
  22. +4 4 dijit/_editor/plugins/FontChoice.rst
  23. +4 4 dijit/_editor/plugins/FullScreen.rst
  24. +2 2 dijit/_editor/plugins/LinkDialog.rst
  25. +4 4 dijit/_editor/plugins/NewPage.rst
  26. +2 2 dijit/_editor/plugins/Print.rst
  27. +4 4 dijit/_editor/plugins/TextColor.rst
  28. +2 2 dijit/_editor/plugins/ToggleDir.rst
  29. +4 4 dijit/_editor/plugins/ViewSource.rst
  30. +1 1  dijit/a11y/statement.rst
  31. +4 4 dijit/byId.rst
  32. +7 7 dijit/form.rst
  33. +3 3 dijit/form/Button.rst
  34. +1 1  dijit/form/CheckBox.rst
  35. +3 3 dijit/form/ComboBox.rst
  36. +4 4 dijit/form/ComboButton.rst
  37. +1 1  dijit/form/CurrencyTextBox.rst
  38. +1 1  dijit/form/DataList.rst
  39. +4 4 dijit/form/DateTextBox.rst
  40. +5 5 dijit/form/DropDownButton.rst
  41. +3 3 dijit/form/FilteringSelect.rst
  42. +11 11 dijit/form/Form.rst
  43. +5 5 dijit/form/HorizontalRule.rst
  44. +1 1  dijit/form/MappedTextBox.rst
  45. +2 2 dijit/form/MultiSelect.rst
  46. +2 2 dijit/form/NumberSpinner.rst
  47. +2 2 dijit/form/NumberTextBox.rst
  48. +1 1  dijit/form/RadioButton.rst
  49. +3 3 dijit/form/Select.rst
  50. +1 1  dijit/form/SimpleTextarea.rst
  51. +5 5 dijit/form/Slider.rst
  52. +6 6 dijit/form/TextBox.rst
  53. +1 1  dijit/form/Textarea.rst
  54. +1 1  dijit/form/TimeTextBox.rst
  55. +1 1  dijit/form/ToggleButton.rst
  56. +3 3 dijit/form/ValidationTextBox.rst
  57. +5 5 dijit/form/VerticalRule.rst
  58. +5 5 dijit/info.rst
  59. +38 38 dijit/layout.rst
  60. +4 4 dijit/layout/AccordionContainer.rst
  61. +27 27 dijit/layout/BorderContainer.rst
  62. +1 1  dijit/layout/ContentPane.rst
  63. +5 5 dijit/layout/LinkPane.rst
  64. +6 6 dijit/layout/StackContainer.rst
  65. +25 25 dijit/layout/TabContainer-examples.rst
  66. +11 11 dijit/layout/TabContainer.rst
  67. +3 3 dijit/layout/_LayoutWidget.rst
  68. +7 7 dijit/registry.rst
  69. +15 15 dijit/themes.rst
  70. +5 5 dijit/tree/ForestStoreModel.rst
  71. +3 3 dijit/tree/TreeStoreModel.rst
12 dijit/Calendar.rst
Source Rendered
@@ -43,7 +43,7 @@ A plain Calendar widget with the formatted date below:
43 43
44 44 .. html ::
45 45
46   - <div data-dojo-type="dijit.Calendar" data-dojo-props="onChange:function(){dojo.byId('formatted').innerHTML=dojo.date.locale.format(arguments[0], {formatLength: 'full', selector:'date'})}"></div>
  46 + <div data-dojo-type="dijit/Calendar" data-dojo-props="onChange:function(){dojo.byId('formatted').innerHTML=dojo.date.locale.format(arguments[0], {formatLength: 'full', selector:'date'})}"></div>
47 47 <p id="formatted"></p>
48 48
49 49 .. css ::
@@ -69,7 +69,7 @@ With an initial selection and weekends disabled:
69 69
70 70 .. html ::
71 71
72   - <div id="mycal" data-dojo-type="dijit.Calendar" value="2009-08-07" data-dojo-props="isDisabledDate:dojo.date.locale.isWeekend"></div>
  72 + <div id="mycal" data-dojo-type="dijit/Calendar" value="2009-08-07" data-dojo-props="isDisabledDate:dojo.date.locale.isWeekend"></div>
73 73
74 74 .. css ::
75 75
@@ -131,7 +131,7 @@ Custom styling:
131 131
132 132 .. html ::
133 133
134   - <input id="calendar5" data-dojo-type="dijit.Calendar" dayWidth="abbr" value="2008-03-13">
  134 + <input id="calendar5" data-dojo-type="dijit/Calendar" dayWidth="abbr" value="2008-03-13">
135 135
136 136 .. css ::
137 137
@@ -189,15 +189,15 @@ Custom styling:
189 189 <table class="container">
190 190 <tr>
191 191 <td>
192   - <div id="hebrew" data-dojo-type="dijit.Calendar" data-dojo-props="datePackage:dojox.date.hebrew, onValueSelected:publishDate, onChange:formatDate"></div>
  192 + <div id="hebrew" data-dojo-type="dijit/Calendar" data-dojo-props="datePackage:dojox.date.hebrew, onValueSelected:publishDate, onChange:formatDate"></div>
193 193 <div id="hebrewFormatted"></div>
194 194 </td>
195 195 <td>
196   - <div id="islamic" data-dojo-type="dijit.Calendar" data-dojo-props="datePackage:dojox.date.islamic, onValueSelected:publishDate, onChange:formatDate"></div>
  196 + <div id="islamic" data-dojo-type="dijit/Calendar" data-dojo-props="datePackage:dojox.date.islamic, onValueSelected:publishDate, onChange:formatDate"></div>
197 197 <div id="islamicFormatted"></div>
198 198 </td>
199 199 <td>
200   - <div id="gregorian" data-dojo-type="dijit.Calendar" data-dojo-props="onValueSelected:publishDate, onChange:formatDate"></div>
  200 + <div id="gregorian" data-dojo-type="dijit/Calendar" data-dojo-props="onValueSelected:publishDate, onChange:formatDate"></div>
201 201 <div id="gregorianFormatted"></div>
202 202 </td>
203 203 </tr>
2  dijit/CalendarLite.rst
Source Rendered
@@ -27,7 +27,7 @@ A plain Calendar widget with the formatted date below
27 27
28 28 .. html ::
29 29
30   - <div data-dojo-type="dijit.CalendarLite" data-dojo-props="onChange:function(){dojo.byId('formatted').innerHTML=dojo.date.locale.format(arguments[0], {formatLength: 'full', selector:'date'})}"></div>
  30 + <div data-dojo-type="dijit/CalendarLite" data-dojo-props="onChange:function(){dojo.byId('formatted').innerHTML=dojo.date.locale.format(arguments[0], {formatLength: 'full', selector:'date'})}"></div>
31 31 <p id="formatted"></p>
32 32
33 33
2  dijit/ColorPalette.rst
Source Rendered
@@ -70,7 +70,7 @@ Small color palette, created declaratively:
70 70
71 71 .. html ::
72 72
73   - <div data-dojo-type="dijit.ColorPalette" data-dojo-props="onChange:function(){alert(this.value);}, palette:'3x4'"></div>
  73 + <div data-dojo-type="dijit/ColorPalette" data-dojo-props="onChange:function(){alert(this.value);}, palette:'3x4'"></div>
74 74
75 75
76 76 Accessibility
8 dijit/Declaration.rst
Source Rendered
@@ -35,7 +35,7 @@ Here's an example defining a widget called Employee, and then creating two of th
35 35
36 36 .. html ::
37 37
38   - <div data-dojo-type="dijit.Declaration" data-dojo-props="widgetClass:'Employee', defaults:{empid:123, name:''}">
  38 + <div data-dojo-type="dijit/Declaration" data-dojo-props="widgetClass:'Employee', defaults:{empid:123, name:''}">
39 39 <span>${name}</span>
40 40 <a href="update.php?id=${empid}">update</a>
41 41 <a href="delete.php?id=${empid}">delete</a>
@@ -74,7 +74,7 @@ The example below defines a widget named "HideButton" that will hide itself when
74 74
75 75 .. html ::
76 76
77   - <div data-dojo-type="dijit.Declaration" data-dojo-props="widgetClass:'HideButton'">
  77 + <div data-dojo-type="dijit/Declaration" data-dojo-props="widgetClass:'HideButton'">
78 78 XXX<button data-dojo-attach-event="onclick: myClickHandler" data-dojo-attach-point="containerNode"></button>XXX
79 79 <script type='dojo/method' data-dojo-event='myClickHandler'>
80 80 this.domNode.style.display="none";
@@ -98,7 +98,7 @@ Here we define HideButton2 and then create two HideButton2's:
98 98
99 99 .. html ::
100 100
101   - <span data-dojo-type="dijit.Declaration" data-dojo-props="widgetClass:'HideButton2', mixins:'HideButton'">
  101 + <span data-dojo-type="dijit/Declaration" data-dojo-props="widgetClass:'HideButton2', mixins:'HideButton'">
102 102 YYY<button data-dojo-attach-event="onclick: myClickHandler" data-dojo-attach-point="containerNode"></button>YYY
103 103 </span>
104 104 <button data-dojo-type="HideButton2">Hide me extended</button>
@@ -122,7 +122,7 @@ An example of dojo/connect is:
122 122
123 123 .. html ::
124 124
125   - <div data-dojo-type="dijit.Declaration" data-dojo-props="widgetClass:'simpleConnectedWidget'">
  125 + <div data-dojo-type="dijit/Declaration" data-dojo-props="widgetClass:'simpleConnectedWidget'">
126 126 Just a plain ol' piece of text
127 127 <script type="dojo/connect" data-dojo-event="dblclick">
128 128 console.debug("Ouch! I've been double-clicked");
70 dijit/Dialog.rst
Source Rendered
@@ -70,15 +70,15 @@ The first example creates a Dialog via markup from an existing DOM node:
70 70
71 71 .. html ::
72 72
73   - <div id="dialogOne" data-dojo-type="dijit.Dialog" title="My Dialog Title">
74   - <div data-dojo-type="dijit.layout.TabContainer" style="width: 200px; height: 300px;">
75   - <div data-dojo-type="dijit.layout.ContentPane" title="foo">Content of Tab "foo"</div>
76   - <div data-dojo-type="dijit.layout.ContentPane" title="boo">Hi, I'm Tab "boo"</div>
  73 + <div id="dialogOne" data-dojo-type="dijit/Dialog" title="My Dialog Title">
  74 + <div data-dojo-type="dijit/layout/TabContainer" style="width: 200px; height: 300px;">
  75 + <div data-dojo-type="dijit/layout/ContentPane" title="foo">Content of Tab "foo"</div>
  76 + <div data-dojo-type="dijit/layout/ContentPane" title="boo">Hi, I'm Tab "boo"</div>
77 77 </div>
78 78 </div>
79 79
80 80 <p>When pressing this button the dialog will popup:</p>
81   - <button id="buttonOne" data-dojo-type="dijit.form.Button" type="button">Show me!
  81 + <button id="buttonOne" data-dojo-type="dijit/form/Button" type="button">Show me!
82 82 <script type="dojo/method" data-dojo-event="onClick" data-dojo-args="evt">
83 83 // Show the Dialog:
84 84 dijit.byId("dialogOne").show();
@@ -122,7 +122,7 @@ Now let's create a dialog programmatically, and change the dialog's content dyna
122 122 .. html ::
123 123
124 124 <p>When pressing this button the dialog will popup. Notice this time there is no DOM node with content for the dialog:</p>
125   - <button id="buttonTwo" data-dojo-type="dijit.form.Button" data-dojo-props="onClick:showDialogTwo" type="button">Show me!</button>
  125 + <button id="buttonTwo" data-dojo-type="dijit/form/Button" data-dojo-props="onClick:showDialogTwo" type="button">Show me!</button>
126 126
127 127
128 128
@@ -154,12 +154,12 @@ The underlay receives an ID to match the Dialog, suffixed with :ref:``underlay``
154 154
155 155 .. html ::
156 156
157   - <div id="dialogColor" title="Colorful" data-dojo-type="dijit.Dialog">
  157 + <div id="dialogColor" title="Colorful" data-dojo-type="dijit/Dialog">
158 158 My background color is Green
159 159 </div>
160 160
161 161 <p>When pressing this button the dialog will popup:</p>
162   - <button id="button4" data-dojo-type="dijit.form.Button" type="button">Show me!
  162 + <button id="button4" data-dojo-type="dijit/form/Button" type="button">Show me!
163 163 <script type="dojo/method" data-dojo-event="onClick" data-dojo-args="evt">
164 164 dijit.byId("dialogColor").show();
165 165 </script>
@@ -204,38 +204,38 @@ To simply close the dialog, click the Cancel button, which calls the hide() func
204 204
205 205 .. html ::
206 206
207   - <div data-dojo-type="dijit.Dialog" id="formDialog" title="Form Dialog"
  207 + <div data-dojo-type="dijit/Dialog" id="formDialog" title="Form Dialog"
208 208 execute="alert('submitted w/args:\n' + dojo.toJson(arguments[0], true));">
209 209 <table>
210 210 <tr>
211 211 <td><label for="name">Name: </label></td>
212   - <td><input data-dojo-type="dijit.form.TextBox" type="text" name="name" id="name"></td>
  212 + <td><input data-dojo-type="dijit/form/TextBox" type="text" name="name" id="name"></td>
213 213 </tr>
214 214 <tr>
215 215 <td><label for="loc">Location: </label></td>
216   - <td><input data-dojo-type="dijit.form.TextBox" type="text" name="loc" id="loc"></td>
  216 + <td><input data-dojo-type="dijit/form/TextBox" type="text" name="loc" id="loc"></td>
217 217 </tr>
218 218 <tr>
219 219 <td><label for="date">Start date: </label></td>
220   - <td><input data-dojo-type="dijit.form.DateTextBox" type="text" name="sdate" id="sdate"></td>
  220 + <td><input data-dojo-type="dijit/form/DateTextBox" type="text" name="sdate" id="sdate"></td>
221 221 </tr>
222 222 <tr>
223 223 <td><label for="date">End date: </label></td>
224   - <td><input data-dojo-type="dijit.form.DateTextBox" type="text" name="edate" id="edate"></td>
  224 + <td><input data-dojo-type="dijit/form/DateTextBox" type="text" name="edate" id="edate"></td>
225 225 </tr>
226 226 <tr>
227 227 <td><label for="date">Time: </label></td>
228   - <td><input data-dojo-type="dijit.form.TimeTextBox" type="text" name="time" id="time"></td>
  228 + <td><input data-dojo-type="dijit/form/TimeTextBox" type="text" name="time" id="time"></td>
229 229 </tr>
230 230 <tr>
231 231 <td><label for="desc">Description: </label></td>
232   - <td><input data-dojo-type="dijit.form.TextBox" type="text" name="desc" id="desc"></td>
  232 + <td><input data-dojo-type="dijit/form/TextBox" type="text" name="desc" id="desc"></td>
233 233 </tr>
234 234 <tr>
235 235 <td align="center" colspan="2">
236   - <button data-dojo-type="dijit.form.Button" type="submit"
  236 + <button data-dojo-type="dijit/form/Button" type="submit"
237 237 data-dojo-props="onClick:function(){return dijit.byId('formDialog').isValid();}">OK</button>
238   - <button data-dojo-type="dijit.form.Button" type="button"
  238 + <button data-dojo-type="dijit/form/Button" type="button"
239 239 data-dojo-props="onClick:function(){dijit.byId('formDialog').hide();}">Cancel</button>
240 240 </td>
241 241 </tr>
@@ -243,7 +243,7 @@ To simply close the dialog, click the Cancel button, which calls the hide() func
243 243 </div>
244 244
245 245 <p>When pressing this button the dialog will popup:</p>
246   - <button id="buttonThree" data-dojo-type="dijit.form.Button" type="button">Show me!
  246 + <button id="buttonThree" data-dojo-type="dijit/form/Button" type="button">Show me!
247 247 <script type="dojo/method" data-dojo-event="onClick" data-dojo-args="evt">
248 248 dijit.byId("formDialog").show();
249 249 </script>
@@ -266,8 +266,8 @@ handles the onSubmit event, validation, and an xhrPost to the server.
266 266
267 267 .. html ::
268 268
269   - <div data-dojo-type="dijit.Dialog" id="formDialog2" title="Form Dialog" style="display: none">
270   - <form data-dojo-type="dijit.form.Form">
  269 + <div data-dojo-type="dijit/Dialog" id="formDialog2" title="Form Dialog" style="display: none">
  270 + <form data-dojo-type="dijit/form/Form">
271 271 <script type="dojo/event" data-dojo-event="onSubmit" data-dojo-args="e">
272 272 dojo.stopEvent(e); // prevent the default submit
273 273 if(!this.isValid()){ window.alert('Please fix fields'); return; }
@@ -283,18 +283,18 @@ handles the onSubmit event, validation, and an xhrPost to the server.
283 283 </script>
284 284 <div class="dijitDialogPaneContentArea">
285 285
286   - <label for='foo'>Foo:</label><div data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="required:true"></div>
  286 + <label for='foo'>Foo:</label><div data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props="required:true"></div>
287 287 </div>
288 288 <div class="dijitDialogPaneActionBar">
289   - <button data-dojo-type="dijit.form.Button" type="submit">OK</button>
290   - <button data-dojo-type="dijit.form.Button" type="button"
  289 + <button data-dojo-type="dijit/form/Button" type="submit">OK</button>
  290 + <button data-dojo-type="dijit/form/Button" type="button"
291 291 data-dojo-props="onClick:function(){dijit.byId('formDialog2').hide();}">Cancel</button>
292 292 </div>
293 293 </form>
294 294 </div>
295 295
296 296 <p>When pressing this button the dialog will popup:</p>
297   - <button id="buttonThree" data-dojo-type="dijit.form.Button" type="button">Show me!
  297 + <button id="buttonThree" data-dojo-type="dijit/form/Button" type="button">Show me!
298 298 <script type="dojo/method" data-dojo-event="onClick" data-dojo-args="evt">
299 299 dijit.byId("formDialog2").show();
300 300 </script>
@@ -329,10 +329,10 @@ This example shows a Dialog that will ask the user to accept or decline the term
329 329
330 330 .. html ::
331 331
332   - <div data-dojo-type="dijit.Dialog" id="formDialog" title="Accept or decline agreement terms" execute="alert('submitted w/args:\n' + dojo.toJson(arguments[0], true));">
  332 + <div data-dojo-type="dijit/Dialog" id="formDialog" title="Accept or decline agreement terms" execute="alert('submitted w/args:\n' + dojo.toJson(arguments[0], true));">
333 333 <h1>Agreement Terms</h1>
334 334
335   - <div data-dojo-type="dijit.layout.ContentPane" style="width:400px; border:1px solid #b7b7b7; background:#fff; padding:8px; margin:0 auto; height:150px; overflow:auto; ">
  335 + <div data-dojo-type="dijit/layout/ContentPane" style="width:400px; border:1px solid #b7b7b7; background:#fff; padding:8px; margin:0 auto; height:150px; overflow:auto; ">
336 336 Dojo is available under *either* the terms of the modified BSD license *or* the Academic Free License version 2.1. As a recipient of Dojo, you may choose which license to receive this code under (except as noted in per-module LICENSE files). Some modules may not be the copyright of the Dojo Foundation. These modules contain explicit declarations of copyright in both the LICENSE files in the directories in which they reside and in the code itself. No external contributions are allowed under licenses which are fundamentally incompatible with the AFL or BSD licenses that Dojo is distributed under. The text of the AFL and BSD licenses is reproduced below. ------------------------------------------------------------------------------- The "New" BSD License: ********************** Copyright (c) 2005-2010, The Dojo Foundation All rights reserved. Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met: * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer. * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
337 337 </div>
338 338
@@ -340,7 +340,7 @@ This example shows a Dialog that will ask the user to accept or decline the term
340 340 <table>
341 341 <tr>
342 342 <td>
343   - <input type="radio" data-dojo-type="dijit.form.RadioButton" name="agreement" id="radioOne" value="accept" data-dojo-props="onClick:accept"/>
  343 + <input type="radio" data-dojo-type="dijit/form/RadioButton" name="agreement" id="radioOne" value="accept" data-dojo-props="onClick:accept"/>
344 344 <label for="radioOne">
345 345 I accept the terms of this agreement
346 346 </label>
@@ -348,7 +348,7 @@ This example shows a Dialog that will ask the user to accept or decline the term
348 348 </tr>
349 349 <tr>
350 350 <td>
351   - <input type="radio" data-dojo-type="dijit.form.RadioButton" name="agreement" id="radioTwo" value="decline" data-dojo-props="onClick:decline"/>
  351 + <input type="radio" data-dojo-type="dijit/form/RadioButton" name="agreement" id="radioTwo" value="decline" data-dojo-props="onClick:decline"/>
352 352 <label for="radioTwo">
353 353 I decline
354 354 </label>
@@ -363,7 +363,7 @@ This example shows a Dialog that will ask the user to accept or decline the term
363 363 <label id="decision" style="color:#FF0000;">
364 364 Terms and conditions have not been accepted.
365 365 </label>
366   - <button id="termsButton" data-dojo-type="dijit.form.Button" type="button">
  366 + <button id="termsButton" data-dojo-type="dijit/form/Button" type="button">
367 367 View terms and conditions to accept
368 368 <script type="dojo/method" data-dojo-event="onClick" data-dojo-args="evt">
369 369 dijit.byId("formDialog").show();
@@ -396,11 +396,11 @@ of :ref:`dojox.layout.ContentPane <dojox/layout/ContentPane>` into ``dijit.Dialo
396 396
397 397 .. html ::
398 398
399   - <div id="external" data-dojo-type="dijit.Dialog" title="My external dialog" href="{{dataUrl}}dojo/resources/LICENSE" style="overflow:auto; width: 400px; height: 200px;">
  399 + <div id="external" data-dojo-type="dijit/Dialog" title="My external dialog" href="{{dataUrl}}dojo/resources/LICENSE" style="overflow:auto; width: 400px; height: 200px;">
400 400 </div>
401 401
402 402 <p>When pressing this button the dialog will popup loading the dialog content using an XHR call.</p>
403   - <button data-dojo-type="dijit.form.Button" data-dojo-props="onClick:function(){dijit.byId('external').show();}" type="button">Show me!</button>
  403 + <button data-dojo-type="dijit/form/Button" data-dojo-props="onClick:function(){dijit.byId('external').show();}" type="button">Show me!</button>
404 404
405 405
406 406
@@ -419,7 +419,7 @@ If you want a scrollbar on a dialog, then you need to add width/height to a div
419 419
420 420 .. html ::
421 421
422   - <div id="sized" data-dojo-type="dijit.Dialog" title="My scrolling dialog">
  422 + <div id="sized" data-dojo-type="dijit/Dialog" title="My scrolling dialog">
423 423 <div style="width: 200px; height: 100px; overflow: auto;">
424 424 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
425 425 semper sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin
@@ -431,7 +431,7 @@ If you want a scrollbar on a dialog, then you need to add width/height to a div
431 431 </div>
432 432
433 433 <p>When pressing this button the dialog will popup (with a scrollbar):</p>
434   - <button data-dojo-type="dijit.form.Button" data-dojo-props="onClick:function(){dijit.byId('sized').show();}" type="button">Show me!</button>
  434 + <button data-dojo-type="dijit/form/Button" data-dojo-props="onClick:function(){dijit.byId('sized').show();}" type="button">Show me!</button>
435 435
436 436
437 437 Accessibility
@@ -502,7 +502,7 @@ The value of the aria-describedby property is the id of the element containing t
502 502
503 503 .. js ::
504 504
505   - <div data-dojo-type="dijit.Dialog" title="Example Dialog" aria-describedby="intro">
  505 + <div data-dojo-type="dijit/Dialog" title="Example Dialog" aria-describedby="intro">
506 506 <div id="intro">Text to describe dialog</div>
507 507 <div>Additional dialog contents....</div>
508 508 </div>
@@ -511,7 +511,7 @@ For earlier Dojo versions, you can add an onshow event handler that adds the ari
511 511
512 512 .. js ::
513 513
514   - <div data-dojo-type="dijit.Dialog" title="Example Dialog" onShow="dojo.attr(this.domNode, 'aria-describedby', 'info');">
  514 + <div data-dojo-type="dijit/Dialog" title="Example Dialog" onShow="dojo.attr(this.domNode, 'aria-describedby', 'info');">
515 515 <div id="intro">Text to describe dialog</div>
516 516 <div>Additional dialog contents....</div>
517 517 </div>
18 dijit/DropDownMenu.rst
Source Rendered
@@ -70,19 +70,19 @@ except that you don't specify style="display: none" or contextMenuForWindow or a
70 70
71 71 .. html ::
72 72
73   - <div data-dojo-type="dijit.DropDownMenu" id="navMenu">
74   - <div data-dojo-type="dijit.MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCut',
  73 + <div data-dojo-type="dijit/DropDownMenu" id="navMenu">
  74 + <div data-dojo-type="dijit/MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCut',
75 75 onClick:function(){alert('drama!')}">Drama</div>
76   - <div data-dojo-type="dijit.MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCopy',
  76 + <div data-dojo-type="dijit/MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCopy',
77 77 onClick:function(){alert('comedy!')}">Comedy</div>
78   - <div data-dojo-type="dijit.MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconPaste',
  78 + <div data-dojo-type="dijit/MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconPaste',
79 79 onClick:function(){alert('romance!')}">Romance</div>
80   - <div data-dojo-type="dijit.MenuSeparator"></div>
81   - <div data-dojo-type="dijit.PopupMenuItem">
  80 + <div data-dojo-type="dijit/MenuSeparator"></div>
  81 + <div data-dojo-type="dijit/PopupMenuItem">
82 82 <span>Action</span>
83   - <div data-dojo-type="dijit.DropDownMenu" id="submenu2">
84   - <div data-dojo-type="dijit.MenuItem" data-dojo-props="onClick:function(){alert('diehard!')}">Diehard</div>
85   - <div data-dojo-type="dijit.MenuItem" onclick="alert('indiana!')">Indiana Jones</div>
  83 + <div data-dojo-type="dijit/DropDownMenu" id="submenu2">
  84 + <div data-dojo-type="dijit/MenuItem" data-dojo-props="onClick:function(){alert('diehard!')}">Diehard</div>
  85 + <div data-dojo-type="dijit/MenuItem" onclick="alert('indiana!')">Indiana Jones</div>
86 86 </div>
87 87 </div>
88 88 </div>
12 dijit/Editor.rst
Source Rendered
@@ -40,7 +40,7 @@ Limitations
40 40
41 41 .. html ::
42 42
43   - <div data-dojo-type="dijit.Editor" id="myEditor">
  43 + <div data-dojo-type="dijit/Editor" id="myEditor">
44 44 <p>This is the initial content.</p>
45 45 </div>
46 46
@@ -62,7 +62,7 @@ Declarative example
62 62
63 63 .. html ::
64 64
65   - <div data-dojo-type="dijit.Editor" id="editor1" data-dojo-props="onChange:function(){console.log('editor1 onChange handler: ' + arguments[0])}">
  65 + <div data-dojo-type="dijit/Editor" id="editor1" data-dojo-props="onChange:function(){console.log('editor1 onChange handler: ' + arguments[0])}">
66 66 <p>This instance is created from a div directly with default toolbar and plugins</p>
67 67 </div>
68 68
@@ -106,7 +106,7 @@ Of course the toolbar can be reordered and customized to suit your layout needs.
106 106
107 107 .. html ::
108 108
109   - <div data-dojo-type="dijit.Editor" id="editor1" data-dojo-props="onChange:function(){console.log('editor1 onChange handler: ' + arguments[0])},
  109 + <div data-dojo-type="dijit/Editor" id="editor1" data-dojo-props="onChange:function(){console.log('editor1 onChange handler: ' + arguments[0])},
110 110 plugins:['cut','copy','paste','|','bold','italic','underline','strikethrough','subscript','superscript','|', 'indent', 'outdent', 'justifyLeft', 'justifyCenter', 'justifyRight']">
111 111 <p>This instance is created with a subset of functions enabled in the order we want</p>
112 112 </div>
@@ -147,7 +147,7 @@ This example adds the text color, background color, and font selection plugins t
147 147
148 148 .. html ::
149 149
150   - <div data-dojo-type="dijit.Editor" id="editor2"
  150 + <div data-dojo-type="dijit/Editor" id="editor2"
151 151 data-dojo-props="extraPlugins:['foreColor','hiliteColor',{name:'dijit._editor.plugins.FontChoice', command:'fontName', generic:true}],
152 152 onChange:function(){console.log('editor2 onChange handler: ' + arguments[0])}">
153 153 <p>This instance is created with additional toolbar/ plugins</p>
@@ -164,7 +164,7 @@ This example starts from scratch, thus removing some items from the toolbar (as
164 164
165 165 .. html ::
166 166
167   - <div data-dojo-type="dijit.Editor" id="editor3"
  167 + <div data-dojo-type="dijit/Editor" id="editor3"
168 168 data-dojo-props="plugins:['bold','italic','|','createLink'],
169 169 onChange:function(){console.log('editor3 onChange handler: ' + arguments[0])}">
170 170 <p>This instance is created with customized toolbar/ plugins</p>
@@ -278,7 +278,7 @@ It's used along with setting height="" parameter setting.
278 278
279 279 .. html ::
280 280
281   - <div data-dojo-type="dijit.Editor" id="editor5"
  281 + <div data-dojo-type="dijit/Editor" id="editor5"
282 282 data-dojo-props="extraPlugins:['dijit._editor.plugins.AlwaysShowToolbar']">
283 283 <p>
284 284 This editor is created from a div with AlwaysShowToolbar plugin (do not forget to set height="").
6 dijit/InlineEditBox.rst
Source Rendered
@@ -57,7 +57,7 @@ Here's an example with an initial value.
57 57
58 58 .. html ::
59 59
60   - <span data-dojo-type="dijit.InlineEditBox" data-dojo-props="editor:'dijit.form.NumberSpinner', editorParams:{constraints: {places:0} }" width="70px" title="quantity">15</span>
  60 + <span data-dojo-type="dijit/InlineEditBox" data-dojo-props="editor:'dijit.form.NumberSpinner', editorParams:{constraints: {places:0} }" width="70px" title="quantity">15</span>
61 61
62 62 Initial blank value
63 63 ===================
@@ -74,7 +74,7 @@ Note also that the width argument is important so to indicate the editors width,
74 74
75 75 .. html ::
76 76
77   - <span data-dojo-type="dijit.InlineEditBox" data-dojo-props="editor:'dijit.form.NumberTextBox'" title="quantity" width="70px"></span>
  77 + <span data-dojo-type="dijit/InlineEditBox" data-dojo-props="editor:'dijit.form.NumberTextBox'" title="quantity" width="70px"></span>
78 78
79 79
80 80 Rich Text Editor
@@ -102,7 +102,7 @@ To make the editor's initial size match the size the readonly text (ie, the size
102 102
103 103 .. html ::
104 104
105   - <div data-dojo-type="dijit.InlineEditBox" data-dojo-props="editor:'dijit.Editor', renderAsHtml:true, autoSave:false,
  105 + <div data-dojo-type="dijit/InlineEditBox" data-dojo-props="editor:'dijit.Editor', renderAsHtml:true, autoSave:false,
106 106 editorParams:{height: '', extraPlugins: ['dijit._editor.plugins.AlwaysShowToolbar']}"></div>
107 107
108 108 Notes on i18n
22 dijit/Menu.rst
Source Rendered
@@ -90,24 +90,24 @@ This example creates a context menu for the whole window.
90 90
91 91 .. html ::
92 92
93   - <div data-dojo-type="dijit.Menu" id="windowContextMenu" data-dojo-props="contextMenuForWindow:true" style="display: none;">
94   - <div data-dojo-type="dijit.MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCut',
  93 + <div data-dojo-type="dijit/Menu" id="windowContextMenu" data-dojo-props="contextMenuForWindow:true" style="display: none;">
  94 + <div data-dojo-type="dijit/MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCut',
95 95 onClick:function(){alert('not actually cutting anything, just a test!')}">Cut</div>
96   - <div data-dojo-type="dijit.MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCopy',
  96 + <div data-dojo-type="dijit/MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCopy',
97 97 onClick:function(){alert('not actually copying anything, just a test!')}">Copy</div>
98   - <div data-dojo-type="dijit.MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconPaste',
  98 + <div data-dojo-type="dijit/MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconPaste',
99 99 onClick:function(){alert('not actually pasting anything, just a test!')}">Paste</div>
100   - <div data-dojo-type="dijit.MenuSeparator"></div>
101   - <div data-dojo-type="dijit.PopupMenuItem">
  100 + <div data-dojo-type="dijit/MenuSeparator"></div>
  101 + <div data-dojo-type="dijit/PopupMenuItem">
102 102 <span>Enabled Submenu</span>
103   - <div data-dojo-type="dijit.Menu" id="submenu1">
104   - <div data-dojo-type="dijit.MenuItem" data-dojo-props="onClick:function(){alert('Submenu 1!')}">Submenu Item One</div>
105   - <div data-dojo-type="dijit.MenuItem" data-dojo-props="onClick:function(){alert('Submenu 2!')}">Submenu Item Two</div>
  103 + <div data-dojo-type="dijit/Menu" id="submenu1">
  104 + <div data-dojo-type="dijit/MenuItem" data-dojo-props="onClick:function(){alert('Submenu 1!')}">Submenu Item One</div>
  105 + <div data-dojo-type="dijit/MenuItem" data-dojo-props="onClick:function(){alert('Submenu 2!')}">Submenu Item Two</div>
106 106 </div>
107 107 </div>
108   - <div data-dojo-type="dijit.PopupMenuItem">
  108 + <div data-dojo-type="dijit/PopupMenuItem">
109 109 <span>Popup of something other than a menu</span>
110   - <div data-dojo-type="dijit.ColorPalette"></div>
  110 + <div data-dojo-type="dijit/ColorPalette"></div>
111 111 </div>
112 112 </div>
113 113
18 dijit/MenuBar.rst
Source Rendered
@@ -89,19 +89,19 @@ Creation from markup is even easier.
89 89
90 90 .. html ::
91 91
92   - <div data-dojo-type="dijit.MenuBar" id="navMenu">
93   - <div data-dojo-type="dijit.PopupMenuBarItem">
  92 + <div data-dojo-type="dijit/MenuBar" id="navMenu">
  93 + <div data-dojo-type="dijit/PopupMenuBarItem">
94 94 <span>File</span>
95   - <div data-dojo-type="dijit.DropDownMenu" id="fileMenu">
96   - <div data-dojo-type="dijit.MenuItem" data-dojo-props="onClick:function(){alert('file 1');}">File #1</div>
97   - <div data-dojo-type="dijit.MenuItem" data-dojo-props="onClick:function(){alert('file 2');}">File #2</div>
  95 + <div data-dojo-type="dijit/DropDownMenu" id="fileMenu">
  96 + <div data-dojo-type="dijit/MenuItem" data-dojo-props="onClick:function(){alert('file 1');}">File #1</div>
  97 + <div data-dojo-type="dijit/MenuItem" data-dojo-props="onClick:function(){alert('file 2');}">File #2</div>
98 98 </div>
99 99 </div>
100   - <div data-dojo-type="dijit.PopupMenuBarItem">
  100 + <div data-dojo-type="dijit/PopupMenuBarItem">
101 101 <span>Edit</span>
102   - <div data-dojo-type="dijit.DropDownMenu" id="editMenu">
103   - <div data-dojo-type="dijit.MenuItem" data-dojo-props="onClick:function(){alert('edit 1');}">Edit #1</div>
104   - <div data-dojo-type="dijit.MenuItem" data-dojo-props="onClick:function(){alert('edit 2');}">Edit #2</div>
  102 + <div data-dojo-type="dijit/DropDownMenu" id="editMenu">
  103 + <div data-dojo-type="dijit/MenuItem" data-dojo-props="onClick:function(){alert('edit 1');}">Edit #1</div>
  104 + <div data-dojo-type="dijit/MenuItem" data-dojo-props="onClick:function(){alert('edit 2');}">Edit #2</div>
105 105 </div>
106 106 </div>
107 107 </div>
6 dijit/MenuBarItem.rst
Source Rendered
@@ -51,11 +51,11 @@ Creation from markup is simpler and more structured.
51 51
52 52 .. html ::
53 53
54   - <div id="menubar" data-dojo-type="dijit.MenuBar">
55   - <div data-dojo-type="dijit.MenuBarItem" data-dojo-props="onClick:function(){alert('Clicked on BarMenuItem');}">
  54 + <div id="menubar" data-dojo-type="dijit/MenuBar">
  55 + <div data-dojo-type="dijit/MenuBarItem" data-dojo-props="onClick:function(){alert('Clicked on BarMenuItem');}">
56 56 Click me!
57 57 </div>
58   - <div data-dojo-type="dijit.MenuBarItem" data-dojo-props="disabled:true">
  58 + <div data-dojo-type="dijit/MenuBarItem" data-dojo-props="disabled:true">
59 59 Disabled item
60 60 </div>
61 61 </div>
2  dijit/ProgressBar.rst
Source Rendered
@@ -32,7 +32,7 @@ Declarative markup
32 32
33 33 .. html ::
34 34
35   - <div data-dojo-type="dijit.ProgressBar" style="width:300px"
  35 + <div data-dojo-type="dijit/ProgressBar" style="width:300px"
36 36 data-dojo-id="jsProgress" id="downloadProgress" data-dojo-props="maximum:10"></div>
37 37
38 38 <br /><input type="button" value="Go!" onclick="download();" />
8 dijit/TitlePane.rst
Source Rendered
@@ -70,7 +70,7 @@ Creation from markup is even easier.
70 70
71 71 .. html ::
72 72
73   - <div id="tp2" data-dojo-type="dijit.TitlePane" data-dojo-props="title: 'I\'m a TitlePane Too'">
  73 + <div id="tp2" data-dojo-type="dijit/TitlePane" data-dojo-props="title: 'I\'m a TitlePane Too'">
74 74 Click arrow to close me.
75 75 </div>
76 76
@@ -92,13 +92,13 @@ For example:
92 92 .. html ::
93 93
94 94 <div style="border: solid black 1px;">
95   - <div data-dojo-type="dijit.TitlePane" data-dojo-props="title: 'Pane #1'">
  95 + <div data-dojo-type="dijit/TitlePane" data-dojo-props="title: 'Pane #1'">
96 96 I'm pane #1
97 97 </div>
98   - <div data-dojo-type="dijit.TitlePane" data-dojo-props="title: 'Pane #2'">
  98 + <div data-dojo-type="dijit/TitlePane" data-dojo-props="title: 'Pane #2'">
99 99 I'm pane #2
100 100 </div>
101   - <div data-dojo-type="dijit.TitlePane" data-dojo-props="title: 'Pane #3'">
  101 + <div data-dojo-type="dijit/TitlePane" data-dojo-props="title: 'Pane #3'">
102 102 I'm pane #3
103 103 </div>
104 104 </div>
26 dijit/Toolbar.rst
Source Rendered
@@ -70,16 +70,16 @@ Creation from markup is even easier.
70 70 .. html ::
71 71
72 72 <!-- Tags end on line afterwards to eliminate any whitespace -->
73   - <div id="toolbar1" data-dojo-type="dijit.Toolbar"
74   - ><div data-dojo-type="dijit.form.Button" id="toolbar1.cut"
  73 + <div id="toolbar1" data-dojo-type="dijit/Toolbar"
  74 + ><div data-dojo-type="dijit/form/Button" id="toolbar1.cut"
75 75 data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCut', showLabel:false">Cut</div
76   - ><div data-dojo-type="dijit.form.Button" id="toolbar1.copy"
  76 + ><div data-dojo-type="dijit/form/Button" id="toolbar1.copy"
77 77 data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCopy', showLabel:false">Copy</div
78   - ><div data-dojo-type="dijit.form.Button" id="toolbar1.paste"
  78 + ><div data-dojo-type="dijit/form/Button" id="toolbar1.paste"
79 79 data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconPaste', showLabel:false">Paste</div
80 80 ><!-- The following adds a line between toolbar sections
81   - --><span data-dojo-type="dijit.ToolbarSeparator"></span
82   - ><div data-dojo-type="dijit.form.ToggleButton" id="toolbar1.bold"
  81 + --><span data-dojo-type="dijit/ToolbarSeparator"></span
  82 + ><div data-dojo-type="dijit/form/ToggleButton" id="toolbar1.bold"
83 83 data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconBold', showLabel:false">Bold</div>
84 84 </div>
85 85
@@ -101,17 +101,17 @@ By using :ref:`dijit.form.DropDownButton <dijit/form/DropDownButton>` and :ref:`
101 101
102 102 .. html ::
103 103
104   - <div id="fancy" data-dojo-type="dijit.Toolbar">
105   - <div data-dojo-type="dijit.form.DropDownButton" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconBold', showLabel:false">
  104 + <div id="fancy" data-dojo-type="dijit/Toolbar">
  105 + <div data-dojo-type="dijit/form/DropDownButton" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconBold', showLabel:false">
106 106 <span>Color</span>
107   - <div data-dojo-type="dijit.ColorPalette"></div>
  107 + <div data-dojo-type="dijit/ColorPalette"></div>
108 108 </div>
109   - <div data-dojo-type="dijit.form.DropDownButton" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconItalic', showLabel:false">
  109 + <div data-dojo-type="dijit/form/DropDownButton" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconItalic', showLabel:false">
110 110 <span>Dialog</span>
111   - <div data-dojo-type="dijit.TooltipDialog">
112   - <label for="first">First name:</label> <input data-dojo-type="dijit.form.TextBox" name="first" id="first"/>
  111 + <div data-dojo-type="dijit/TooltipDialog">
  112 + <label for="first">First name:</label> <input data-dojo-type="dijit/form/TextBox" name="first" id="first"/>
113 113 <br/>
114   - <label for="last">Last name:</label> <input data-dojo-type="dijit.form.TextBox" name="last" id="last"/>
  114 + <label for="last">Last name:</label> <input data-dojo-type="dijit/form/TextBox" name="last" id="last"/>
115 115 </div>
116 116 </div>
117 117 </div>
8 dijit/Tooltip.rst
Source Rendered
@@ -115,13 +115,13 @@ And here's a tooltip created from markup connected to a :ref:`dijit.form.Button
115 115 .. html ::
116 116
117 117 <div class="box">Example content above button</div>
118   - <button id="buttonId" data-dojo-type="dijit.form.Button">Longanimity</button>
119   - <button id="button2" data-dojo-type="dijit.form.Button">Tooltip below</button>
  118 + <button id="buttonId" data-dojo-type="dijit/form/Button">Longanimity</button>
  119 + <button id="button2" data-dojo-type="dijit/form/Button">Tooltip below</button>
120 120 <div class="box">Example content below button</div>
121   - <div data-dojo-type="dijit.Tooltip" data-dojo-props="connectId:'buttonId',position:['above']">
  121 + <div data-dojo-type="dijit/Tooltip" data-dojo-props="connectId:'buttonId',position:['above']">
122 122 a <i>disposition</i> to bear injuries patiently : <b>forbearance</b>
123 123 </div>
124   - <div data-dojo-type="dijit.Tooltip" data-dojo-props="connectId:'button2',position:['below']">
  124 + <div data-dojo-type="dijit/Tooltip" data-dojo-props="connectId:'button2',position:['below']">
125 125 a <i>disposition</i> to bear injuries patiently : <b>forbearance</b>
126 126 </div>
127 127
16 dijit/TooltipDialog.rst
Source Rendered
@@ -43,9 +43,9 @@ The first example shows how to create a TooltipDialog and DropDownButton program
43 43 dojo.ready(function(){
44 44 var dialog = new dijit.TooltipDialog({
45 45 content:
46   - '<label for="name">Name:</label> <input data-dojo-type="dijit.form.TextBox" id="name" name="name"><br>' +
47   - '<label for="hobby">Hobby:</label> <input data-dojo-type="dijit.form.TextBox" id="hobby" name="hobby"><br>' +
48   - '<button data-dojo-type="dijit.form.Button" type="submit">Save</button>'
  46 + '<label for="name">Name:</label> <input data-dojo-type="dijit/form/TextBox" id="name" name="name"><br>' +
  47 + '<label for="hobby">Hobby:</label> <input data-dojo-type="dijit/form/TextBox" id="hobby" name="hobby"><br>' +
  48 + '<button data-dojo-type="dijit/form/Button" type="submit">Save</button>'
49 49 });
50 50
51 51 var button = new dijit.form.DropDownButton({
@@ -110,12 +110,12 @@ Here's one displaying a TooltipDialog:
110 110
111 111 .. html ::
112 112
113   - <div data-dojo-type="dijit.form.DropDownButton">
  113 + <div data-dojo-type="dijit/form/DropDownButton">
114 114 <span>Register</span>
115   - <div data-dojo-type="dijit.TooltipDialog">
116   - <label for="name2">Name:</label> <input data-dojo-type="dijit.form.TextBox" id="name2" name="name2"><br>
117   - <label for="hobby2">Hobby:</label> <input data-dojo-type="dijit.form.TextBox" id="hobby2" name="hobby2"><br>
118   - <button data-dojo-type="dijit.form.Button" type="submit">Save</button>
  115 + <div data-dojo-type="dijit/TooltipDialog">
  116 + <label for="name2">Name:</label> <input data-dojo-type="dijit/form/TextBox" id="name2" name="name2"><br>
  117 + <label for="hobby2">Hobby:</label> <input data-dojo-type="dijit/form/TextBox" id="hobby2" name="hobby2"><br>
  118 + <button data-dojo-type="dijit/form/Button" type="submit">Save</button>
119 119 </div>
120 120 </div>
121 121
12 dijit/Tree-examples.rst
Source Rendered
@@ -51,7 +51,7 @@ Combining those all together into an example:
51 51
52 52 .. html ::
53 53
54   - <div data-dojo-type="dojo.store.Memory" data-dojo-id="myStore">
  54 + <div data-dojo-type="dojo/store/Memory" data-dojo-id="myStore">
55 55 <!-- Create store with inlined data.
56 56 For larger data sets should use dojo.store.JsonRest etc. instead of dojo.store.Memory. -->
57 57 <script type="dojo/method">
@@ -88,7 +88,7 @@ Combining those all together into an example:
88 88 </div>
89 89
90 90 <!-- Create the model bridging the store and the Tree -->
91   - <div data-dojo-type="dijit.tree.ObjectStoreModel" data-dojo-id="myModel"
  91 + <div data-dojo-type="dijit/tree/ObjectStoreModel" data-dojo-id="myModel"
92 92 data-dojo-props="store: myStore, query: {id: 'world'}"></div>
93 93
94 94 <!-- buttons to test Tree features -->
@@ -103,7 +103,7 @@ Combining those all together into an example:
103 103 </button>
104 104
105 105 <!-- Create the tree -->
106   - <div data-dojo-type="dijit.Tree" data-dojo-id="mytree"
  106 + <div data-dojo-type="dijit/Tree" data-dojo-id="mytree"
107 107 data-dojo-props="model: myModel, autoExpand: true"></div>
108 108
109 109
@@ -129,7 +129,7 @@ simply set the ``openOnClick`` attribute to ``true``
129 129
130 130 .. html ::
131 131
132   - <div data-dojo-type="dojo.store.Memory" data-dojo-id="memoryStore">
  132 + <div data-dojo-type="dojo/store/Memory" data-dojo-id="memoryStore">
133 133 <!-- Create store with inlined data.
134 134 For larger data sets should use dojo.store.JsonRest etc. instead of dojo.store.Memory. -->
135 135 <script type="dojo/method">
@@ -166,11 +166,11 @@ simply set the ``openOnClick`` attribute to ``true``
166 166 </div>
167 167
168 168 <!-- Create the model bridging the store and the Tree -->
169   - <div data-dojo-type="dijit.tree.ObjectStoreModel" data-dojo-id="myModel"
  169 + <div data-dojo-type="dijit/tree/ObjectStoreModel" data-dojo-id="myModel"
170 170 data-dojo-props="store: memoryStore, query: {id: 'world'}"></div>
171 171
172 172 <!-- Create the tree -->
173   - <div data-dojo-type="dijit.Tree" id="mytree"
  173 + <div data-dojo-type="dijit/Tree" id="mytree"
174 174 data-dojo-props="model: myModel, openOnClick: true"></div>
175 175
176 176
28 dijit/Tree.rst
Source Rendered
@@ -171,7 +171,7 @@ In any case, the dijit.tree.Model and dijit.Tree themselves can still be created
171 171
172 172 .. html ::
173 173
174   - <div data-dojo-type="dojo.store.Memory" data-dojo-id="myStore">
  174 + <div data-dojo-type="dojo/store/Memory" data-dojo-id="myStore">
175 175 <!-- Create store with inlined data.
176 176 For larger data sets should use dojo.store.JsonRest etc. instead of dojo.store.Memory. -->
177 177 <script type="dojo/method">
@@ -208,11 +208,11 @@ In any case, the dijit.tree.Model and dijit.Tree themselves can still be created
208 208 </div>
209 209
210 210 <!-- Create the model bridging the store and the Tree -->
211   - <div data-dojo-type="dijit.tree.ObjectStoreModel" data-dojo-id="myModel"
  211 + <div data-dojo-type="dijit/tree/ObjectStoreModel" data-dojo-id="myModel"
212 212 data-dojo-props="store: myStore, query: {id: 'world'}"></div>
213 213
214 214 <!-- Create the tree -->
215   - <div data-dojo-type="dijit.Tree" id="myTree" data-dojo-props="model: myModel"></div>
  215 + <div data-dojo-type="dijit/Tree" id="myTree" data-dojo-props="model: myModel"></div>
216 216
217 217
218 218 Icons
@@ -292,7 +292,7 @@ The item still exists in the model but it's hidden on the screen:
292 292
293 293 <!-- Create store with inlined data.
294 294 For larger data sets should use dojo.store.JsonRest etc. instead of dojo.store.Memory. -->
295   - <div data-dojo-type="dojo.store.Memory" data-dojo-id="myStore">
  295 + <div data-dojo-type="dojo/store/Memory" data-dojo-id="myStore">
296 296 <script type="dojo/method">
297 297 this.setData([
298 298 { id: 'world', name:'The earth', type:'planet', population: '6 billion'},
@@ -327,11 +327,11 @@ The item still exists in the model but it's hidden on the screen:
327 327 </div>
328 328
329 329 <!-- Create the model bridging the store and the Tree -->
330   - <div data-dojo-type="dijit.tree.ObjectStoreModel" data-dojo-id="myModel"
  330 + <div data-dojo-type="dijit/tree/ObjectStoreModel" data-dojo-id="myModel"
331 331 data-dojo-props="store: myStore, query: {id: 'world'}"></div>
332 332
333 333 <!-- Create the tree -->
334   - <div data-dojo-type="dijit.Tree" id="myTree"
  334 + <div data-dojo-type="dijit/Tree" id="myTree"
335 335 data-dojo-props="model: myModel, showRoot: false"></div>
336 336
337 337
@@ -403,11 +403,11 @@ in a `dojo.store.Observable <dojo/store/Observable>`, as below:
403 403 .. html ::
404 404
405 405 <!-- Create the model bridging the store and the Tree -->
406   - <div data-dojo-type="dijit.tree.ObjectStoreModel" data-dojo-id="myModel"
  406 + <div data-dojo-type="dijit/tree/ObjectStoreModel" data-dojo-id="myModel"
407 407 data-dojo-props="store: myStore, query: {id: 'world'}"></div>
408 408
409 409 <!-- Create the tree -->
410   - <div data-dojo-type="dijit.Tree" id="myTree" data-dojo-props="model: myModel"></div>
  410 + <div data-dojo-type="dijit/Tree" id="myTree" data-dojo-props="model: myModel"></div>
411 411
412 412 <!-- Buttons to show data store update -->
413 413 <button onclick="myStore.add({id: 'US', name:'United States', type:'country', parent: 'NA'});">
@@ -671,12 +671,12 @@ Tree has no built-in support for context menus, but you can use the Menu widget
671 671
672 672 .. html ::
673 673
674   - <ul data-dojo-type="dijit.Menu" id="tree_menu" style="display: none;">
675   - <li data-dojo-type="dijit.MenuItem" data-dojo-props="onClick:function(){alert('Hello world');}">Item #1</li>
676   - <li data-dojo-type="dijit.MenuItem">Item #2</li>
  674 + <ul data-dojo-type="dijit/Menu" id="tree_menu" style="display: none;">
  675 + <li data-dojo-type="dijit/MenuItem" data-dojo-props="onClick:function(){alert('Hello world');}">Item #1</li>
  676 + <li data-dojo-type="dijit/MenuItem">Item #2</li>
677 677 </ul>
678 678
679   - <div data-dojo-type="dojo.store.Memory" data-dojo-id="myStore">
  679 + <div data-dojo-type="dojo/store/Memory" data-dojo-id="myStore">
680 680 <!-- Create store with inlined data.
681 681 For larger data sets should use dojo.store.JsonRest etc. instead of dojo.store.Memory. -->
682 682 <script type="dojo/method">
@@ -713,11 +713,11 @@ Tree has no built-in support for context menus, but you can use the Menu widget
713 713 </div>
714 714
715 715 <!-- Create the model bridging the store and the Tree -->
716   - <div data-dojo-type="dijit.tree.ObjectStoreModel" data-dojo-id="myModel"
  716 + <div data-dojo-type="dijit/tree/ObjectStoreModel" data-dojo-id="myModel"
717 717 data-dojo-props="store: myStore, query: {id: 'world'}"></div>
718 718
719 719 <!-- Create the tree, and connect to the menu -->
720   - <div data-dojo-type="dijit.Tree" id="menuTree"
  720 + <div data-dojo-type="dijit/Tree" id="menuTree"
721 721 data-dojo-props="model: myModel, showRoot: false, openOnClick: true">
722 722
723 723 <script type="dojo/connect">
4 dijit/_FocusMixin.rst
Source Rendered
@@ -29,9 +29,9 @@ Mixin dijit._FocusMixin when you declare your widget, and then reference _onFocu
29 29 .. js ::
30 30
31 31 dojo.declare("MyWidget", [dijit._WidgetBase, dijit._TemplatedMixin, dijit._WidgetsInTemplateMixin, dijit._FocusMixin], {
32   - templateString: "<div><input data-dojo-type="dijit.form.TextBox"><input><input></div>",
  32 + templateString: '<div><input data-dojo-type="dijit/form/TextBox"><input><input></div>',
33 33 _onFocus: function(){
34   - console.log("On of my descendant widgets / nodes got focus");
  34 + console.log("One of my descendant widgets / nodes got focus");
35 35 this.inherited(arguments);
36 36 },
37 37 _onBlur: function(){
2  dijit/_TemplatedMixin.rst
Source Rendered
@@ -147,7 +147,7 @@ For example:
147 147
148 148 .. html ::
149 149
150   - <button data-dojo-type="dijit.form.Button">press me</button>
  150 + <button data-dojo-type="dijit/form/Button">press me</button>
151 151
152 152 If the template defines data-dojo-attach-point="containerNode", the children from the srcNodeRef will be copied to this node.
153 153
12 dijit/_WidgetsInTemplateMixin.rst
Source Rendered
@@ -21,8 +21,8 @@ But what if we want to have a widget inside of the template, as in:
21 21 .. html ::
22 22
23 23 <div class="combinedDateTime">
24   - <div data-dojo-type="dijit.form.DateTextBox"></div>
25   - <div data-dojo-type="dijit.form.TimeTextBox"></div>
  24 + <div data-dojo-type="dijit/form/DateTextBox"></div>
  25 + <div data-dojo-type="dijit/form/TimeTextBox"></div>
26 26 </div>
27 27
28 28 When using this template in a directly extended widget class, you will need to mixin :ref:`dijit._WidgetsInTemplateMixin <dijit/_WidgetsInTemplateMixin>` in addition to :ref:`dijit._TemplatedMixin <dijit/_TemplatedMixin>`.
@@ -38,8 +38,8 @@ For example, with this template:
38 38 .. html ::
39 39
40 40 <div class="combinedDateTime">
41   - <div data-dojo-type="dijit.form.DateTextBox" data-dojo-attach-point="start"></div>
42   - <div data-dojo-type="dijit.form.TimeTextBox" data-dojo-attach-point="end"></div>
  41 + <div data-dojo-type="dijit/form/DateTextBox" data-dojo-attach-point="start"></div>
  42 + <div data-dojo-type="dijit/form/TimeTextBox" data-dojo-attach-point="end"></div>
43 43 </div>
44 44
45 45 You can do this in your widget code:
@@ -62,11 +62,11 @@ For example, consider InlineEditBox which embeds dijit buttons into it's own tem
62 62 ><div data-dojo-attach-point="editorPlaceholder"></div
63 63 ><span data-dojo-attach-point="buttonContainer"
64 64 ><button class='saveButton' data-dojo-attach-point="saveButton"
65   - data-dojo-type="dijit.form.Button" data-dojo-attach-event="onClick:save" disabled="true">
  65 + data-dojo-type="dijit/form/Button" data-dojo-attach-event="onClick:save" disabled="true">
66 66 ${buttonSave}
67 67 </button
68 68 ><button class='cancelButton' data-dojo-attach-point="cancelButton"
69   - data-dojo-type="dijit.form.Button" data-dojo-attach-event="onClick:cancel">
  69 + data-dojo-type="dijit/form/Button" data-dojo-attach-event="onClick:cancel">
70 70 ${buttonCancel}
71 71 </button
72 72 ></span
8 dijit/_editor/plugins/FontChoice.rst
Source Rendered
@@ -47,7 +47,7 @@ For example:
47 47
48 48 .. html ::
49 49
50   - <div data-dojo-type="dijit.Editor" id="editor" data-dojo-props="extraPlugins:['fontName', 'fontSize', 'formatBlock']"></div>
  50 + <div data-dojo-type="dijit/Editor" id="editor" data-dojo-props="extraPlugins:['fontName', 'fontSize', 'formatBlock']"></div>
51 51
52 52
53 53
@@ -74,7 +74,7 @@ An example of disabling it is below:
74 74
75 75 .. html ::
76 76
77   - <div data-dojo-type="dijit.Editor" id="editor" data-dojo-props="extraPlugins:[{name: 'fontName', plainText: true}, {name: 'fontSize', plainText: true}, {name: 'formatBlock', plainText: true}]"></div>
  77 + <div data-dojo-type="dijit/Editor" id="editor" data-dojo-props="extraPlugins:[{name: 'fontName', plainText: true}, {name: 'fontSize', plainText: true}, {name: 'formatBlock', plainText: true}]"></div>
78 78
79 79 With the preview disabled, the selects show basic text only.
80 80
@@ -98,7 +98,7 @@ Basic Usage
98 98
99 99 <b>Select any of the text below and experiment with the font options</b>
100 100 <br>
101   - <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:['fontName', 'fontSize', 'formatBlock']">
  101 + <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:['fontName', 'fontSize', 'formatBlock']">
102 102 <br>
103 103 <br>
104 104 <h1>This is a header</h1>
@@ -125,7 +125,7 @@ Basic Usage: Plain Text Previews
125 125
126 126 <b>Select any of the text below and experiment with the font options</b>
127 127 <br>
128   - <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:[{name: 'fontName', plainText: true}, {name: 'fontSize', plainText: true}, {name: 'formatBlock', plainText: true}]">
  128 + <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:[{name: 'fontName', plainText: true}, {name: 'fontSize', plainText: true}, {name: 'formatBlock', plainText: true}]">
129 129 <br>
130 130 <br>
131 131 <h1>This is a header</h1>
8 dijit/_editor/plugins/FullScreen.rst
Source Rendered
@@ -60,7 +60,7 @@ For example:
60 60
61 61 .. html ::
62 62
63   - <div data-dojo-type="dijit.Editor" id="editor" data-dojo-props="extraPlugins:['fullscreen']"></div>
  63 + <div data-dojo-type="dijit/Editor" id="editor" data-dojo-props="extraPlugins:['fullscreen']"></div>
64 64
65 65
66 66
@@ -87,7 +87,7 @@ Example:
87 87
88 88 .. html ::
89 89
90   - <div data-dojo-type="dijit.Editor" id="editor" data-dojo-props="extraPlugins:[name: 'fullscreen', zIndex: 900}]"></div>
  90 + <div data-dojo-type="dijit/Editor" id="editor" data-dojo-props="extraPlugins:[name: 'fullscreen', zIndex: 900}]"></div>
91 91
92 92
93 93 Full Screen mode and LayoutContainers
@@ -144,7 +144,7 @@ Basic Usage
144 144
145 145 <b>Press the FullScreen button or use the hotkey CTRL-SHIFT-F11 while in the editing pane and the editor will go into full screen mode</b>
146 146 <br>
147   - <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:['fullscreen']">
  147 + <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:['fullscreen']">
148 148 <div>
149 149 <br>
150 150 blah blah & blah!
@@ -192,7 +192,7 @@ Setting the zIndex
192 192 <br>
193 193 <br>
194 194 <br>
195   - <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:[{name:'fullscreen', zIndex: 900}]">
  195 + <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:[{name:'fullscreen', zIndex: 900}]">
196 196 <div>
197 197 <br>
198 198 blah blah & blah!
4 dijit/_editor/plugins/LinkDialog.rst
Source Rendered
@@ -58,7 +58,7 @@ For example:
58 58
59 59 .. html ::
60 60
61   - <div data-dojo-type="dijit.Editor" id="editor" data-dojo-props="extraPlugins:['createLink', 'unlink', 'insertImage']"></div>
  61 + <div data-dojo-type="dijit/Editor" id="editor" data-dojo-props="extraPlugins:['createLink', 'unlink', 'insertImage']"></div>
62 62
63 63
64 64
@@ -91,7 +91,7 @@ Basic Usage
91 91
92 92 <b>Select any of the links or images below and click the appropriate button to change their properties. Or, click where on the page you want to insert an image or a link, then click the appropriate button and create the image or link.</b>
93 93 <br>
94   - <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:['createLink', 'unlink', 'insertImage']">
  94 + <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:['createLink', 'unlink', 'insertImage']">
95 95 <br>
96 96 <br>
97 97 <a href="http://www.dojotoolkit.org">The best Ajax Toolkit there is, Dojo!</a>
8 dijit/_editor/plugins/NewPage.rst
Source Rendered
@@ -44,7 +44,7 @@ For example:
44 44
45 45 .. html ::
46 46
47   - <div data-dojo-type="dijit.Editor" id="editor" data-dojo-props="extraPlugins:['newpage']"></div>
  47 + <div data-dojo-type="dijit/Editor" id="editor" data-dojo-props="extraPlugins:['newpage']"></div>
48 48
49 49
50 50
@@ -60,7 +60,7 @@ For example:
60 60
61 61 .. html ::
62 62
63   - <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:[{name: 'newpage', content: 'This is some &lt;b&gt;custom&lt;/b&gt; content!'}]">
  63 + <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:[{name: 'newpage', content: 'This is some &lt;b&gt;custom&lt;/b&gt; content!'}]">
64 64
65 65 Or programmatically:
66 66
@@ -89,7 +89,7 @@ Basic Usage
89 89
90 90 <b>Enter some text then press the New Page button. The editor content will then clear.</b>
91 91 <br>
92   - <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:['newpage']">
  92 + <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:['newpage']">
93 93 <div>
94 94 <br>
95 95 blah blah & blah!
@@ -132,7 +132,7 @@ Custom New Page Content
132 132
133 133 <b>Enter some text then press the New Page button. The editor content will then be replaced with the custom new page content.</b>
134 134 <br>
135   - <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:[{name: 'newpage', content: 'This is some &lt;b&gt;custom&lt;/b&gt; content!'}]">
  135 + <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:[{name: 'newpage', content: 'This is some &lt;b&gt;custom&lt;/b&gt; content!'}]">
136 136 <div>
137 137 <br>
138 138 blah blah & blah!
4 dijit/_editor/plugins/Print.rst
Source Rendered
@@ -43,7 +43,7 @@ For example:
43 43
44 44 .. html ::
45 45
46   - <div data-dojo-type="dijit.Editor" id="editor" data-dojo-props="extraPlugins:['print']"></div>
  46 + <div data-dojo-type="dijit/Editor" id="editor" data-dojo-props="extraPlugins:['print']"></div>
47 47
48 48
49 49
@@ -72,7 +72,7 @@ Basic Usage
72 72
73 73 <b>Enter some text then press the print button. The browser print dialog should open and allow you to print the editor content</b>
74 74 <br>
75   - <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:['print']">
  75 + <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:['print']">
76 76 <div>
77 77 <br>
78 78 blah blah & blah!
8 dijit/_editor/plugins/TextColor.rst
Source Rendered
@@ -53,7 +53,7 @@ For example:
53 53
54 54 .. html ::
55 55
56   - <div data-dojo-type="dijit.Editor" id="editor" data-dojo-props="extraPlugins:['foreColor', 'hiliteColor']"></div>
  56 + <div data-dojo-type="dijit/Editor" id="editor" data-dojo-props="extraPlugins:['foreColor', 'hiliteColor']"></div>
57 57
58 58
59 59 And that's it.
@@ -80,7 +80,7 @@ Basic Usage: foreColor (Text Color)
80 80
81 81 <b>Enter some text and select it, or select existing text, then push the TextColor button to select a new color for it.</b>
82 82 <br>
83   - <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:['foreColor']">
  83 + <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:['foreColor']">
84 84 <div>
85 85 <br>
86 86 blah blah & blah!
@@ -123,7 +123,7 @@ Basic Usage: hiliteColor (Text Background Color)
123 123
124 124 <b>Enter some text and select it, or select existing text, then push the Text Background Color button to select a new background color for it.</b>
125 125 <br>
126   - <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:['hiliteColor']">
  126 + <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:['hiliteColor']">
127 127 <div>
128 128 <br>
129 129 blah blah & blah!
@@ -166,7 +166,7 @@ Basic Usage: Both foreground and background color buttons together
166 166
167 167 <b>Enter some text and select it, or select existing text, then change its colors via the text color and text background color buttons.</b>
168 168 <br>
169   - <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:['foreColor', 'hiliteColor']">
  169 + <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:['foreColor', 'hiliteColor']">
170 170 <div>
171 171 <br>
172 172 blah blah & blah!
4 dijit/_editor/plugins/ToggleDir.rst
Source Rendered
@@ -51,7 +51,7 @@ For example:
51 51
52