Changeset 347 for Dev/branches/rest-dojo-ui/client/rft/pages/survey.html
- Timestamp:
- 06/24/12 16:25:01 (13 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
Dev/branches/rest-dojo-ui/client/rft/pages/survey.html
r316 r347 1 1 <div data-dojo-type="rft.pages.survey"> 2 < h1 data-rft-attach-point="header">(default)</h1>3 <div>Created by <span data-rft-attach-point="creator"></span></div>4 <form data-dojo-type="dijit.form.Form" data-rft-attach-point="form" data-rft-attach-event="onSubmit:onSave">5 <div style="display: block; clear: both;">6 <button type="submit" data-dojo-type="dijit.form.Button">Save</button>7 < button type="button" data-dojo-type="dijit.form.Button" data-rft-attach-event="onClick:onReset">Reset</button>2 <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region:'center'" style="height: 500px;"> 3 <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'top'"> 4 <h2> 5 <span class="rftIcon rftIconSurvey"></span> 6 <span class="headerText">Survey A [editing]</span> 7 </h2> 8 8 </div> 9 <label for="title" class="loginLabel">Title</label> 10 <input type="text" name="title" data-dojo-type="dijit.form.TextBox" class="loginInput"/> 11 <label for="description" class="loginLabel">Description</label> 12 <textarea name="description" data-dojo-type="dijit.form.SimpleTextarea" class="loginInput"></textarea> 13 <div> 14 <div style="width: 45%; float: left; clear: left;"><div data-rft-attach-point="allQuestions"></div></div> 15 <div style="width: 45%; float: left;"><div data-rft-attach-point="surveyQuestions"></div></div> 9 <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region:'center'"> 10 <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'top'"> 11 Presets 12 </div> 13 <div data-dojo-type="dijit.layout.TabContainer" class="blue" data-dojo-props="tabPosition:'left-h',region:'center'"> 14 <div data-dojo-type="dijit.layout.ContentPane" title="Category One, this is a very long title to see how overflow works. This part is cut off because it passes two lines at 200px wide."> 15 <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat one'"></div> 16 <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat two'"></div> 17 </div> 18 <div data-dojo-type="dijit.layout.ContentPane" title="Category Two"> 19 <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat one'"></div> 20 <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat two'"></div> 21 </div> 22 <div data-dojo-type="dijit.layout.ContentPane" title="Category Three"> 23 <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat one'"></div> 24 </div> 25 <div data-dojo-type="dijit.layout.ContentPane" title="Category Four"> 26 <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Green Question Subcat one'"></div> 27 <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat two'"></div> 28 <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat three'"></div> 29 </div> 30 <div data-dojo-type="dijit.layout.ContentPane" title="Category Five"> 31 <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat one'"></div> 32 <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat two'"></div> 33 <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat three'"></div> 34 <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat four'"></div> 35 </div> 36 </div> 16 37 </div> 17 </form> 38 <!-- "Shopping cart" --> 39 <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region:'right'" style="width: 300px"> 40 <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region:'top'"> 41 <h3>Included questions</h3> 42 </div> 43 <div data-dojo-type="rft.ui.List" data-dojo-props="region:'center'"> 44 <!-- These would have to be dynamically generated instead of declared here! --> 45 <div data-dojo-type="rft.ui.LineWithActionsWidgetThijs" data-dojo-props="title:'Question one', actions: {'Cancel':{callback: function(){}, properties: {blockButton: false, icon: 'Delete', modifiers:'white'}}}"></div> 46 <div data-dojo-type="rft.ui.LineWithActionsWidgetThijs" data-dojo-props="title:'Question two', actions: {'Cancel':{callback: function(){}, properties: {blockButton: false, icon: 'Delete', modifiers:'white'}}}"></div> 47 </div> 48 <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'bottom'"> 49 <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconSettings'">Settings</button> 50 <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconAccept'">Save Changes</button> 51 <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconCancel'">Discard changes</button> 52 <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconPreview'">Preview</button> 53 </div> 54 </div> 55 </div> 18 56 </div>
Note: See TracChangeset
for help on using the changeset viewer.
