Clear Up
SharpKit Reference

Absolute Class

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

    Ext.create('Ext.form.Panel', {
            title: 'Absolute Layout',
            width: 300,
            height: 275,
            layout: {
            type: 'absolute'
            // layout-specific configs go here
            //itemCls: 'x-abs-layout-item',
            defaultType: 'textfield',
            items: [{
            x: 10,
            y: 10,
            text: 'Send To:'
            x: 80,
            y: 10,
            name: 'to',
            anchor:'90%'  // anchor width by percentage
            x: 10,
            y: 40,
            text: 'Subject:'
            x: 80,
            y: 40,
            name: 'subject',
            anchor: '90%'  // anchor width by percentage
            y: 80,
            xtype: 'textareafield',
            name: 'msg',
            anchor: '100% 100%'  // anchor width and height
            renderTo: Ext.getBody()

Namespace: Ext.layout.container

Base Interfaces


Name Description
ignoreOnContentChange True indicates that changes to one item in this layout do not effect the layout in general. This may need to be set to false if Ext.Component.autoScroll is enabled for the container. Defaults to: true
© Copyright 2005-2011 SharpKit. All rights reserved.