Sencha Architect, panel collapse direction not working

[iplanit]

Hi,

I have a container with two panels inside, regions west and south. Rest of the settings as default.

I have two issues:


When collapsing, if I expand the panels those are hidden because the container is not resizing (it is resizable).
The direction is set to "left" but appears as up.




{
xtype: 'container',
margins: '2 0 0 5',
region: 'west',
split: true,
hidden: false,
width: 275,
layout: {
type: 'border'
},
items: [
{
xtype: 'treepanel',
flex: 1,
margins: '2 5 5 0',
region: 'north',
minHeight: 400,
collapseDirection: 'left',
collapsible: true,
title: 'Menu',
store: 'MyJsonTreeStore',
viewConfig: {
itemSelector: 'div'
}
},
{
xtype: 'panel',
flex: 1,
margins: '2 5 5 0',
region: 'south',
height: 150,
html: 'test',
minHeight: 325,
styleHtmlContent: false,
bodyStyle: 'padding-bottom:15px;background:white;',
collapseDirection: 'left',
collapsible: true,
title: 'Information'
}
]


See screenshot.


38883

Any advice ?

Thanks.

[scottmartin]

Can you use the following example to demonstrate your problem?
http://jsfiddle.net/3KJuf/

Scott.

[iplanit]

I could not try, thanks for your effort in putting that into the fiddle. Since I am using a different environment the cause can be just the way my code is generated. But your example works 99% sure even changing it.
However, the problem is most likely because of the layout rather than something not being working as expected, if you see the screenshot the property says "left" and the icon is pointing to a different direction and doesn't make any sense.

Can you use the following example to demonstrate your problem?
http://jsfiddle.net/3KJuf/

Scott.