I am interested by the bottom bar : it doesn't have the same height for all buttons, the selected button has a nice rounded hat. In the fourth screenshot, the rounded hat is ABOVE the main panel (zindex).
How would you that that with sencha ? A classic vbox won't do it. I believe that it is simply a matter of partially overlapping the toolbar and the main panel (so that the rounded hat is drawn on top of the main panel content).
I had a look at the relative/absolute positioning options for a sencha panel but I don't see how to use it for that specific example.
First thing I would try is to give the background a height and then give the button a special background. This way the toolbar background ha a height say 85% and the button will then have a height that goes 100% so you have 15% above the toolbar.
Oh I see. So you would use overflow : you specify that the toolbar has 50 pixels for the height and then put a background of 65 pixels for a specific button of the toolbar, so that the button goes beyond the toolbar. Am I right ?
I will try that, but I am not sure that the toolbar will allow that something goes beyond its limits.
Answered: How would you code the following design ?
Reply With Quote
