-
29 Nov 2011 4:45 AM #1Ext JS Premium Member
- Join Date
- Dec 2010
- Location
- Hamburg, Germany
- Posts
- 179
- Vote Rating
- 1
- Answers
- 1
Unanswered: Collapsing panel breaks in hbox layout?
Unanswered: Collapsing panel breaks in hbox layout?
Hi there,
I'm having some strange problem with collapsing panels within hbox layout, I'm not sure if it's a but or if I'm simply doing something wrong. In the following example, I can't seem to get the collapsible panel to uncollapse, the header seems to stay the height it was before collapsing.
Any help is appreciatedCode:Ext.widget('window',{ title: 'test collapse', width: 500, height: 300, layout: { type: 'hbox', align: 'stretch' }, items: [{ title: 'should not collapse', collapsible: true, collapseDirection: 'left', flex: 1 },{ title: 'test', flex: 1 }] }).show();
-
29 Nov 2011 7:06 AM #2Sencha - Senior Forum Manager
- Join Date
- Mar 2007
- Location
- St. Louis, MO
- Posts
- 33,581
- Vote Rating
- 433
- Answers
- 3100
Clicking on the header won't expand the panel. It just floats the panel out and will hide after a couple seconds. The expand tool will do the actual expanding.
Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Forum Manager
________________
http://www.JSONPLint.com - Source to lint your JSONP!
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
https://github.com/mitchellsimoens
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services services@sencha.com
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!
When posting code, please use BBCode's CODE tags.
-
29 Nov 2011 7:09 AM #3Ext JS Premium Member
- Join Date
- Dec 2010
- Location
- Hamburg, Germany
- Posts
- 179
- Vote Rating
- 1
- Answers
- 1
Expand is the word I was looking for there

The problem is, that if i collapse the panel using the collapse tool, the panel hides, but the expand tool never shows. What you see in my screenshot is what the example looks like if i collapse the collapsible panel.
If I start with collapsed: true on the collapsible panel, everything works as expected.
-
29 Nov 2011 7:36 AM #4
I'd say it's a bug. I also notice that if you switch things round to a vbox it collapses OK but expansion goes horribly wrong.
On the plus side, it does appear to work fine in 4.1-pr1.
-
29 Nov 2011 7:38 AM #5Ext JS Premium Member
- Join Date
- Dec 2010
- Location
- Hamburg, Germany
- Posts
- 179
- Vote Rating
- 1
- Answers
- 1
Great to hear about it working in 4.1
I guess there isn't gonna be any fix for the 4.0 branch though?
-
29 Nov 2011 9:35 AM #6Sencha - Services Team
- Join Date
- May 2007
- Location
- Munich (Germany)
- Posts
- 2,292
- Vote Rating
- 6
- Answers
- 56
servus,
i can confirm that this is working with the latest SDK build of 4.1.
the beta should get released "soon" and it will have a completely changed layout engine. a hotfix for the current issues could take longer to create than the new version, so i recommend to wait.
-
30 Nov 2011 12:24 PM #7Ext JS Premium Member
- Join Date
- Dec 2010
- Location
- Hamburg, Germany
- Posts
- 179
- Vote Rating
- 1
- Answers
- 1
Great, looking forward to 4.1, just read the blog post and I'm loving all the changes



Reply With Quote