WidgetsInTemplateMixin
<div> <div data-dojo-attach-point="normalNode">normal node</div> <button data-dojo-attach-point="buttonWidget" data-dojo-attach-event="onClick:onClick" data-dojo-type="dijit/form/Button">button #1</button> <div data-dojo-attach-point="checkboxWidget" data-dojo-attach-event="onClick:onClick" data-dojo-type="dijit/form/CheckBox"></div> checkbox #1 <div data-dojo-attach-point="progressBarWidget" data-dojo-attach-event="onChange:onClick" data-dojo-type="dijit/ProgressBar" data-dojo-props='value: 20, maximum: 200, style: "width:400px;"'></div> </div>
normal node
●
button #1
checkbox #1
10%
<div> <div data-dojo-attach-point="checkboxWidget" data-dojo-type="dijit/form/CheckBox"></div> checkbox #3 <div data-dojo-attach-point="containerNode"></div> </div>
checkbox #3
hello world
this is my
●
first button
●
another button
and some more
●
a nested button
●
another nested button
●
yet another button
●
yet yet another button
<div> <div data-dojo-type="dijit/layout/TabContainer" data-dojo-props="style: {height: '5em', width: '100em'}" data-dojo-attach-point="tabCont"> <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="title: 'Tab 1'" data-dojo-attach-point="tab1"> pane 1 </div> <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="title: 'Tab 2'" data-dojo-attach-point="tab2"> pane 2 </div> </div> </div>
▼
◀
▶
Tab 1
[x]
Tab 2
[x]
pane 1
pane 2
<div> <div data-dojo-type="TestLayoutWidget" data-dojo-attach-point="layout"> <div data-dojo-type="TestCtndWidget" data-dojo-attach-point="layChild1"></div> <div data-dojo-type="TestCtndWidget" data-dojo-attach-point="layChild2"></div> </div> <div data-dojo-type="TestCtnrWidget" data-dojo-attach-point="container"> <div data-dojo-type="TestCtndWidget" data-dojo-attach-point="contained1"></div> <div data-dojo-type="TestCtndWidget" data-dojo-attach-point="contained2"></div> </div> <div data-dojo-type="TestStubWidget" data-dojo-attach-point="stub1"></div> <div data-dojo-type="TestNonCtnrWidget" data-dojo-attach-point="nonContainer"> <div data-dojo-type="TestStubWidget" data-dojo-attach-point="nonContained1"></div> <div data-dojo-type="TestStubWidget" data-dojo-attach-point="nonContained2"></div> </div> <div data-dojo-type="TestCtnrWidget" data-dojo-attach-point="threeLevel"> <div data-dojo-type="TestNonCtnrWidget" data-dojo-attach-point="secondLevel"> <div data-dojo-type="TestStubWidget" data-dojo-attach-point="bottomLevel"></div> </div> </div> <div data-dojo-type="TestNonCtnrWidget" data-dojo-attach-point="anotherThree"> <div data-dojo-type="TestCtnrWidget" data-dojo-attach-point="anotherSecond"> <div data-dojo-type="TestCtndWidget" data-dojo-attach-point="anotherBottom"></div> </div> </div> </div>
●
Missing...
Clear
ReCSS
Console
DOM
Object
Close
Click on an object in the Log display
Hover over HTML elements in the main page. Click to hold selection.