Fit Class

Namespace: Ext.layout

Base Types

System.Object

Constructors

Name Description
Fit()
Fit(object)

Properties

Name Description
alias
alternateClassName Fit Layout is probably the simplest layout available. All it does is make a child component fit to the full size of its parent Container. {@img ../guides/layouts/fit.jpg} For example, if you have a parent Container that is 200px by 200px and give it a single child component and a 'fit' layout, the child component will also be 200px by 200px: var panel = Ext.create('Ext.Panel', { width: 200, height: 200, layout: 'fit', items: { xtype: 'panel', html: 'Also 200px by 200px' } }); Ext.Viewport.add(panel); For a more detailed overview of what layouts are and the types of layouts shipped with Sencha Touch 2, check out the [Layout Guide](#!/guide/layouts).
extend Fit Layout is probably the simplest layout available. All it does is make a child component fit to the full size of its parent Container. {@img ../guides/layouts/fit.jpg} For example, if you have a parent Container that is 200px by 200px and give it a single child component and a 'fit' layout, the child component will also be 200px by 200px: var panel = Ext.create('Ext.Panel', { width: 200, height: 200, layout: 'fit', items: { xtype: 'panel', html: 'Also 200px by 200px' } }); Ext.Viewport.add(panel); For a more detailed overview of what layouts are and the types of layouts shipped with Sencha Touch 2, check out the [Layout Guide](#!/guide/layouts).

Methods

Name Description
apply()
reapply()
unapply()
© Copyright 2005-2011 SharpKit. All rights reserved.