extjs/build/examples/kitchensink/classic/samples/view/layout/Fit.js

   1 /**
   2  * Demonstrates usage of a fit layout.
   3  */
   4 Ext.define('KitchenSink.view.layout.Fit', {
   5     extend: 'Ext.panel.Panel',
   6     requires: [
   7         'Ext.layout.container.Fit'
   8     ],
   9     //<example>
  10     exampleTitle: 'Fit Layout',
  11     //</example>
  12
  13     xtype: 'layout-fit',
  14
  15     layout: 'fit',
  16     width: 500,
  17     height: 400,
  18
  19     bodyPadding: 25,
  20
  21     items: {
  22         title: 'Inner Panel',
  23         html: '<p>This panel is fit within its container.</p>',
  24         bodyPadding: 15,
  25         ui: Ext.profileName == 'neptune' ? 'light' : 'default',
  26         border: true
  27     }
  28
  29 });