Properties Methods Events Config Options Direct Link
ContainerLayout
  AnchorLayout
    AbsoluteLayout

Class CQ.Ext.layout.AbsoluteLayout

Package:CQ.Ext.layout
Class:AbsoluteLayout
Extends:CQ.Ext.layout.AnchorLayout
Clientlib:cq.widgets

This is a layout that inherits the anchoring of CQ.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 CQ.Ext.Container.layout for additional details.

Example usage:

var form = new CQ.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 Options Defined By
  renderHidden : Boolean
True to hide each contained item on render (defaults to false).
ContainerLayout

Public Properties

Property Defined By

Public Methods

Method Defined By

Public Events

This class has no public events.