examples/layout-browser/layouts/custom.js

   1 function getCustomLayouts() {
   2     return {
   3         /*
   4          * CenterLayout demo panel
   5          */
   6         centerLayout: {
   7             id: 'center-panel',
   8             layout: 'ux.center',
   9             items: {
  10                 title: 'Centered Panel: 75% of container width and fit height',
  11                 layout: 'ux.center',
  12                 autoScroll: true,
  13                 widthRatio: 0.75,
  14                 bodyStyle: 'padding:20px 0;',
  15                 items: [{
  16                     title: 'Inner Centered Panel',
  17                     html: 'Fixed 300px wide and auto height. The container panel will also autoscroll if narrower than 300px.',
  18                     width: 300,
  19                     frame: true,
  20                     autoHeight: true,
  21                     bodyStyle: 'padding:10px 20px;'
  22                 }]
  23             }
  24         }
  25     };
  26
  27 }