X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/examples/docs/output/Ext.ux.layout.CenterLayout.html?ds=sidebyside diff --git a/examples/docs/output/Ext.ux.layout.CenterLayout.html b/examples/docs/output/Ext.ux.layout.CenterLayout.html deleted file mode 100644 index 2a42fdb5..00000000 --- a/examples/docs/output/Ext.ux.layout.CenterLayout.html +++ /dev/null @@ -1,31 +0,0 @@ -
Package: | Ext.ux.layout |
Defined In: | ux-all-debug.js |
Class: | CenterLayout |
Extends: | Object |
This is a very simple layout style used to center contents within a container. This layout works within -nested containers and can also be used as expected as a Viewport layout to center the page layout.
-As a subclass of FitLayout, CenterLayout expects to have a single child panel of the container that uses -the layout. The layout does not require any config options, although the child panel contained within the -layout must provide a fixed or percentage width. The child panel's height will fit to the container by -default, but you can specify autoHeight:true to allow it to autosize based on its content height. -Example usage:
-// The content panel is centered in the container
-var p = new Ext.Panel({
- title: 'Center Layout',
- layout: 'ux.center',
- items: [{
- title: 'Centered Content',
- width: '75%',
- html: 'Some content'
- }]
-});
-
-// If you leave the title blank and specify no border
-// you'll create a non-visual, structural panel just
-// for centering the contents in the main container.
-var p = new Ext.Panel({
- layout: 'ux.center',
- border: false,
- items: [{
- title: 'Centered Content',
- width: 300,
- autoHeight: true,
- html: 'Some content'
- }]
-});