3 Nov 2012 9:16 AM #1
Using items config in panel header places items before title
REQUIRED INFORMATIONExt version tested:
- Ext 4.1.1
- Ext 4.1.1 rev a
- Safari 6.0.1
- Chrome 22.0.1229.94
- Using a header config in a panel, I want to insert additional items into the header. However, items are always inserted before the title element.
- Due to this other bug, it is not possible to omit the title config and create it as a member of the items collection.
- Create a panel.
- Give it a header config.
- In the header config, add a container to the items collection.
- Items in the items config appear after the title.
- Items appeared before the title.
title: 'panel 1',
html: 'panel 1',
html: '<p style="text-align:center">centered text</p>',
See this URL for live test case:
Debugging already done:
- not provided
- only default ext-all.css
- OS X 10.8.2
- Windows 7 Pro SP1
Last edited by mpost; 3 Nov 2012 at 10:07 AM. Reason: fix code formatting
3 Nov 2012 3:21 PM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
I wouldn't really say this is a bug. You are requesting the behavior to change. I find it that I always want to insert items before the title personally.Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
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 email@example.com
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.
3 Nov 2012 7:19 PM #3
That would be a fair response if I could manually manage the title and make the header control do what I want. But due to the other issue I mentioned in the description, that's not possible due to the panel header always rendering an empty title with flex: 1.
I could see wanting to add items prior to the title (such as an icon or perhaps a button), but you're screwed if you want to add them both before and after due to the other issue.
Last edited by mpost; 3 Nov 2012 at 7:19 PM. Reason: add link
4 Nov 2012 12:24 PM #4
I guess another way to look at this bug is that there is no way to add items after the title when using the title config of Ext.panel.Header. So it's not necessarily that I'm requesting a behavior change -- I'm reporting that the header control is inflexible to the point that I consider a bug.
4 Nov 2012 9:03 PM #5
- Join Date
- Apr 2007
- Sydney, Australia
- Vote Rating
The answer is pretty much the same as here, so I'll just link to it for posterity: http://www.sencha.com/forum/showthre...l=1#post907472
Once you override initComponent, you can insert() and remove() items as you please.Evan Trimboli
Twitter - @evantrimboli
Don't be afraid of the source code!