#15317 closed defect (invalid)
TabBar buttons not centered in dojox.mobile.Heading
Reported by: | Eric Wang | Owned by: | Eric Durocher |
---|---|---|---|
Priority: | undecided | Milestone: | tbd |
Component: | DojoX Mobile | Version: | 1.7.2 |
Keywords: | todoapp | Cc: | cjolif |
Blocked By: | Blocking: |
Description (last modified by )
this issue includes
- TabBar buttons not centered in dojox.mobile.Heading at the startup
- hide the left tabBar button will cause the center ones move to left, what expect is the center ones go to center
3, display the left tabBar button, the center ones not in the center.
put the test file into /dojox/mobile/tests folder and open in browser to see the result.
Attachments (3)
Change History (8)
Changed 9 years ago by
Attachment: | TabNotCenterInHeading.html added |
---|
comment:1 Changed 9 years ago by
Keywords: | todoapp added |
---|---|
Owner: | changed from ykami to Eric Durocher |
Status: | new → assigned |
comment:2 Changed 9 years ago by
Description: | modified (diff) |
---|
Changed 9 years ago by
Attachment: | TabNotCenterInHeading-fixed.html added |
---|
comment:3 Changed 9 years ago by
Resolution: | → invalid |
---|---|
Status: | assigned → closed |
The layout that you want can be achieved using nested tables (and probably other HTML layout combinations as well). I am attaching a modified version of your sample that seems to work as you expect. The sample uses a second nested table to center the toolbar, and also uses visibility="hidden" instead of display="none" to hide the left button.
EricWang, please tell me if this works for you.
Changed 9 years ago by
Attachment: | 15317.patch added |
---|
Fix test_Heading.html so tab bar is centered in heading with buttons on the sides - Eric Durocher (IBM, CCLA)
comment:4 Changed 9 years ago by
Cc: | cjolif added |
---|
Attaching a patch for the test_Heading.html test case, so users can cut/paste the correct HTML to get a centered tab bar in a heading with buttons on each side.
Modified sample with correct layout.