Changeset 336 for Dev


Ignore:
Timestamp:
05/30/12 17:49:07 (13 years ago)
Author:
tjcschipper
Message:
 
Location:
Dev/branches/rest-dojo-ui/client
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • Dev/branches/rest-dojo-ui/client/mockup.html

    r335 r336  
    6666                <span class="breadcrumb breadcrumbCurrent">Survey 123 [Editing]</span>
    6767            </div>
    68         </div>
     68        </div>  <!-- HEADER -->
    6969        <div class="content" data-dojo-type="dijit.layout.ContentPane">
     70            <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region:'center'" style="height: 500px;">
     71                <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'top'">
     72                    Title and icon
     73                </div>
     74                <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region:'center'">
     75                    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'top'">
     76                        Presets
     77                    </div>
     78                    <div data-dojo-type="dijit.layout.TabContainer" data-dojo-props="tabPosition:'left-h',region:'center'">
     79                        <div data-dojo-type="dijit.layout.ContentPane" title="Category One">
     80                            <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat one', color: 'blue'"></div>
     81                            <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat two', color: 'blue'"></div>
     82                        </div>
     83                        <div data-dojo-type="dijit.layout.ContentPane" title="Category Two">
     84                            <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat one', color: 'orange'"></div>
     85                            <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat two', color: 'orange'"></div>
     86                        </div>
     87                        <div data-dojo-type="dijit.layout.ContentPane" title="Category Three">
     88                            <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat one', color: 'green'"></div>
     89                        </div>
     90                        <div data-dojo-type="dijit.layout.ContentPane" title="Category Four">
     91                            <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat one', color: 'red'"></div>
     92                            <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat two', color: 'red'"></div>
     93                            <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat three', color: 'red'"></div>
     94                        </div>
     95                        <div data-dojo-type="dijit.layout.ContentPane" title="Category Five">
     96                            <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat one', color: 'purple'"></div>
     97                            <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat two', color: 'purple'"></div>
     98                            <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat three', color: 'purple'"></div>
     99                            <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat four', color: 'purple'"></div>
     100
     101                        </div>
     102                    </div>
     103                </div>
     104                <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region:'right'" style="width: 300px">
     105                    <div data-dojo-type="rft.ui.List" data-dojo-props="region:'center'">
     106                        <div data-dojo-type="rft.ui.LineWithActionsWidgetThijs" data-dojo-props="title:'Question one', actions: {'Cancel':{callback: function(){}, properties: {blockButton: false, class:'black'}}}"></div>
     107                        <div data-dojo-type="rft.ui.LineWithActionsWidgetThijs" data-dojo-props="title:'Question two', actions: {'Cancel':{callback: function(){}, properties: {blockButton: false, class:'black'}}}"></div>
     108                    </div>
     109                </div>
     110            </div>
     111
     112            <!--
    70113            <div class="title">
    71114                <div class="rftIcon rftMainIcon rftMainIconSurvey"></div><h2 class="titleText">Survey 123 [Editing]</h2>
    … …  
    119162                </div>
    120163            </div>
     164            -->
    121165        </div>
    122166    </body>

  • Dev/branches/rest-dojo-ui/client/rft/css/layout.css

    r335 r336  
    6666}
    6767.content {
    68     width: 100%;
    6968    display: block;
    7069    clear: both;
    7170    background-color: #555555;
     71    /* Background gradient time! */
     72    background: -webkit-radial-gradient(
     73        50% 50%,
     74        circle,
     75        #666666 1%,
     76        #444444 100%
     77        );
     78    background: -moz-radial-gradient(
     79        50% 50%,
     80        circle,
     81        #666666 1%,
     82        #444444 100%
     83        );
    7284}
    7385.loginLabel {
Note: See TracChangeset for help on using the changeset viewer.