-
11 Dec 2011 5:35 PM #1
[PR3] Toolbar title position broken when spacers control button positioning
[PR3] Toolbar title position broken when spacers control button positioning
As per the kitchensink example, spacers control the positioning of buttons on a toolbar. In 1.1.1, the following code produces a button in the upper left, the title text centered, and a button in the upper-right:
In PR3, the left button is in the upper left, the right button is in the middle of the screen, and the title text is shifted to the upper right of the toolbar.Code:{ xtype:'toolbar', docked:'top', title:'Title', items:[ { ui:'action', text:'Left' }, { xtype:'spacer' }, { ui:'action', text:'Right', } ] }
Positioning of title text works correctly when only one button is used without a spacer; the button appears in the upper left and the title is centered as expected. I tried using {html:'Title'}, as a workaround between a set of spacers, but it seems that any text in between spacers throws all positioning off.
-
12 Dec 2011 12:02 AM #2
Thanks for the report.
Sencha Inc.
Robert Dougan - @rdougan
Sencha Touch 2 and Ext JS 4 Core Team Member, SASS/Theming Wizard.
-
15 Dec 2011 3:47 AM #3
I'm struggling with this aswell. Where can I get a version where the fix is already applied?
Are there nightly builds?
-
15 Dec 2011 4:07 PM #4Sencha - Sencha Touch Dev Team
- Join Date
- Mar 2007
- Location
- Redwood City, California
- Posts
- 3,652
- Vote Rating
- 14
Nothing until beta is ready. We are in the midst of introducing some destabilizing changes to MVC and Data, once things are in better shape we will release PR4.
Success! Looks like we've fixed this one. According to our records the fix was applied for
TOUCH-1221
in
2.0.


Reply With Quote