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

   1 /**
   2  * Demonstrates usage of an absolute layout.
   3  */
   4 Ext.define('KitchenSink.view.layout.Absolute', {
   5     extend: 'Ext.panel.Panel',
   6     requires: [
   7         'Ext.layout.container.Absolute'
   8     ],
   9     xtype: 'layout-absolute',
  10     //<example>
  11     exampleTitle: 'Absolute Layout',
  12     //</example>
  13     layout: 'absolute',
  14     width: 500,
  15     height: 400,
  16
  17     defaults: {
  18         bodyPadding: 15,
  19         width: 200,
  20         height: 100,
  21         frame: true
  22     },
  23
  24     items:[
  25         {
  26             title: 'Panel 1',
  27             x: 50,
  28             y: 50,
  29             html: 'Positioned at x:50, y:50'
  30         },
  31         {
  32             title: 'Panel 2',
  33             x: 125,
  34             y: 125,
  35             html: 'Positioned at x:125, y:125'
  36         }
  37     ]
  38
  39 });