add extjs 6.0.1 sources

[extjs.git] / extjs / examples / kitchensink / classic / samples / view / layout / Column.js

/**\r
 * Demonstrates usage of a column layout.\r
 */\r
Ext.define('KitchenSink.view.layout.Column', {\r
    extend: 'Ext.panel.Panel',\r
    xtype: 'layout-column',\r
    requires: [\r
        'Ext.layout.container.Column'\r
    ],\r
\r
    //<example>\r
    exampleTitle: 'Column Layout',\r
    //</example>\r
\r
    width: 500,\r
    height: 400,\r
    \r
    layout: 'column',\r
\r
    bodyPadding: 5,\r
    \r
    defaults: {\r
        bodyPadding: 15\r
    },\r
\r
    items: [\r
        {\r
            title: 'Width = 0.3',\r
            columnWidth: 0.3,\r
            html: '<p>This is some short content.</p>'\r
        },\r
        {\r
            title: 'Width = 0.7',\r
            columnWidth: 0.7,\r
            html: '<p>This is some longer content.</p><p>This is some longer content.</p><p>This is some longer content.</p><p>This is some longer content.</p><p>This is some longer content.</p><p>This is some longer content.</p>'\r
        },\r
        {\r
            title: 'Width = 150px',\r
            width: 150,\r
            html: 'Not much here!'\r
        }\r
    ]\r
\r
});