X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6e39d509471fe9b4e2660e0d1631b350d0c66f40..2e847cf21b8ab9d15fa167b315ca5b2fa92638fc:/docs/output/Ext.layout.AbsoluteLayout.html diff --git a/docs/output/Ext.layout.AbsoluteLayout.html b/docs/output/Ext.layout.AbsoluteLayout.html index 1f431616..f874eb2b 100644 --- a/docs/output/Ext.layout.AbsoluteLayout.html +++ b/docs/output/Ext.layout.AbsoluteLayout.html @@ -1,46 +1,46 @@ -
ContainerLayout
  AnchorLayout
    AbsoluteLayout

Class Ext.layout.AbsoluteLayout

Package:Ext.layout
Defined In:AbsoluteLayout.js
Class:AbsoluteLayout
Extends:AnchorLayout

This is a layout that inherits the anchoring of Ext.layout.AnchorLayout and adds the -ability for x/y positioning using the standard x and y component config options.

-

This class is intended to be extended or created via the layout -configuration property. See Ext.Container.layout for additional details.

-

Example usage:

-
var form = new Ext.form.FormPanel({
-    title: 'Absolute Layout',
-    layout:'absolute',
-    layoutConfig: {
-        // layout-specific configs go here

-        extraCls: 'x-abs-layout-item',
-    },
-    baseCls: 'x-plain',
-    url:'save-form.php',
-    defaultType: 'textfield',
-    items: [{
-        x: 0,
-        y: 5,
-        xtype:'label',
-        text: 'Send To:'
-    },{
-        x: 60,
-        y: 0,
-        name: 'to',
-        anchor:'100%'  // anchor width by percentage

-    },{
-        x: 0,
-        y: 35,
-        xtype:'label',
-        text: 'Subject:'
-    },{
-        x: 60,
-        y: 30,
-        name: 'subject',
-        anchor: '100%'  // anchor width by percentage

-    },{
-        x:0,
-        y: 60,
-        xtype: 'textarea',
-        name: 'msg',
-        anchor: '100% 100%'  // anchor width and height

-    }]
-});

Config Options

Config OptionsDefined By