}\r
</style>\r
<script type="text/javascript">\r
- \r
+\r
Ext.onReady(function() {\r
\r
var replace = function(config){\r
},\r
items: [{\r
xtype:'button',\r
- text: 'Flex: All even',\r
+ text: 'Flex: All even / Align: middle',\r
handler: function(){\r
replace({\r
layoutConfig: {\r
}\r
},{\r
xtype:'button',\r
- text: 'Flex: Ratio',\r
+ text: 'Flex: Ratio / Align: top',\r
handler: function(){\r
replace({\r
layoutConfig: {\r
padding:'5',\r
- align:'middle'\r
+ align:'top'\r
},\r
defaults:{margins:'0 5 0 0'},\r
items:[{\r
}\r
},{\r
xtype:'button',\r
- text: 'Pack: start',\r
+ text: 'Pack: start / Align: middle',\r
handler: function(){\r
replace({\r
layoutConfig: {\r
}\r
},{\r
xtype:'button',\r
- text: 'Pack: center',\r
+ text: 'Pack: center / Align: middle',\r
handler: function(){\r
replace({\r
layoutConfig: {\r
}\r
},{\r
xtype:'button',\r
- text: 'Pack: end',\r
+ text: 'Pack: end / Align: middle',\r
handler: function(){\r
replace({\r
layoutConfig: {\r