Changeset 377 for Dev/branches/rest-dojo-ui/client/rft/ui/templates

Timestamp:

07/26/12 13:16:16 (13 years ago)

Author:

jkraaijeveld

Message:

QuestionEditorToolkit? now uses a TitleGroup? rather than an AccordionContainer? - they do the same but the TitlePanes? scales automatically (which was required for the list of categories of a question).

There still needs to be done some .css for this TitleGroup? stuff, but I'm not booking much progress on that.

File:

• Dev/branches/rest-dojo-ui/client/rft/ui/templates/QuestionEditorToolkit.html (modified) (2 diffs)

Dev/branches/rest-dojo-ui/client/rft/ui/templates/QuestionEditorToolkit.html

@@ -1 +1 @@
 <div>
-        <div data-dojo-type="dijit.layout.AccordionContainer" class="orange">
-                <div data-dojo-type="dijit.layout.ContentPane" title="Properties" data-dojo-props="iconClass:'rftIcon rftIconProperties'">
-            <div id="propertiesForm" data-dojo-type="dijit.form.Form" data-dojo-attach-point="propertiesForm" data-rft-attach-event="onSubmit:onSave">
+        <div data-dojo-type="dojox.widget.TitleGroup">
+                <div data-dojo-type="dijit.TitlePane" class="orange" open="true" title="Properties" data-dojo-props="iconClass:'rftIcon rftIconProperties'">
+            <div data-dojo-type="dijit.form.Form" data-dojo-attach-point="propertiesForm" data-rft-attach-event="onSubmit:onSave">
                                 <fieldset class="align">
-                                        <label for="propertiesTitle">Title:</label><input data-dojo-type="dijit.form.TextBox" id="propertiesTitle" name="title"/>
-                                        <label for="propertiesCode">Code:</label><input data-dojo-type="dijit.form.TextBox" id="propertiesCode" name= "_id"/>
-                                        <label for="propertiesCategories">Categories:</label>
+                                        <label>Title:</label><input data-dojo-type="dijit.form.TextBox" data-dojo-attach-point="propertiesTitle" name="title"/>
+                                        <label>Code:</label><input data-dojo-type="dijit.form.TextBox" data-dojo-attach-point="propertiesCode" name= "_id"/>
+                                        <label>Categories:</label>
                                         <div data-dojo-attach-point="listNode" class="rftLineListView"></div> 
                                         <select id="categoriesBox"></select>
                                         <button data-rft-attach-point="btnCategory" data-dojo-type="dijit.form.Button" data-dojo-attach-event="onClick:onCategoryAdd" data-dojo-props="baseClass:'rftBlockButton', class:'orange', iconClass: 'rftIcon rftIconPlus'">Add</button><br>
-                                        <label for="propertiesTopic">Topic:</label>
+                                        <label>Topic:</label>
                                         <select id="topicBox"></select>
-                                        <label for="propertiesDescription">Description:</label><textarea data-dojo-type="dijit.form.TextBox" id="propertiesDescription" name="description"></textarea>
+                                        <label>Description:</label><textarea data-dojo-type="dijit.form.TextBox" data-dojo-attach-point="propertiesDescription" name="description"></textarea>
                                 </fieldset>
                         </div>
                 </div>
 
-                <div data-dojo-type="dijit.layout.ContentPane" title="Content" data-dojo-props="iconClass:'rftIcon rftIconPlus'">
+                <div data-dojo-type="dijit.TitlePane" open="false" title="Content" data-dojo-props="iconClass:'rftIcon rftIconPlus'">
                         <div data-dojo-attach-point="ToolkitContentSourceNode">
                                 
@@ -23 +23 @@
                 </div>
 
-                <div data-dojo-type="dijit.layout.ContentPane" title="Inputs" data-dojo-props="iconClass:'rftIcon rftIconInput'">
+                <div data-dojo-type="dijit.TitlePane" open="false" title="Inputs" data-dojo-props="iconClass:'rftIcon rftIconInput'">
                         <div data-dojo-attach-point="ToolkitInputsSourceNode">