docs/source/custom.html

   1 <html>\r
   2 <head>\r
   3   <title>The source code</title>\r
   4     <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
   5     <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
   6 </head>\r
   7 <body  onload="prettyPrint();">\r
   8     <pre class="prettyprint lang-js">/*
   9  * CenterLayout demo panel
  10  */
  11 var centerLayout = {
  12         id: 'center-panel',
  13     layout: 'ux.center',
  14     items: {
  15         title: 'Centered Panel: 75% of container width and fit height',
  16         layout: 'ux.center',
  17         autoScroll: true,
  18         width: '75%',
  19         bodyStyle: 'padding:20px 0;',
  20         items: [{
  21                 title: 'Inner Centered Panel',
  22                 html: 'Fixed 300px wide and auto height. The container panel will also autoscroll if narrower than 300px.',
  23                 width: 300,
  24                 frame: true,
  25                 autoHeight: true,
  26                 bodyStyle: 'padding:10px 20px;'
  27         }]
  28     }
  29 };
  30
  31 /*
  32  * RowLayout demo panel
  33  */
  34 var rowLayout = {
  35         id: 'row-panel',
  36         bodyStyle: 'padding:5px',
  37         layout: 'ux.row',
  38     title: 'Row Layout',
  39     items: [{
  40         title: 'Height = 25%, Width = 50%',
  41         rowHeight: 0.25,
  42         width: '50%'
  43     },{
  44         title: 'Height = 100px, Width = 300px',
  45         height: 100,
  46         width: 300
  47     },{
  48         title: 'Height = 75%, Width = fit',
  49         rowHeight: 0.75
  50     }]
  51 };</pre>    \r
  52 </body>\r
  53 </html>