The Bar component removes all the space between its children
so that they bump right up against eachother.
Without the Bar class
With the Bar class
It also forces the whole block to behave as a solid block that cannot break or wrap.
To force breaks you may use a <BR>
tag.
To vertically align the buttons in a Bar simply add a valign attribute.
e.g. <p class=Bar valign=bottom>
or <p class=Bar valign=top>
A Button
A Button
valign=bottom
A Button
A Button
valign
not set
The font-size for the contents of a Bar is hard-coded at 11px.
To override this setting, add the following to your app's custom css file:
.MyApp .Bar > * {
font-size:22px;
}
Note: replace MyApp
with the class of your actual app.
Alternatively you can subclass Bar itself.
CSS: Create your subclass.
.Bar.MyCustomBar3 > * {
font-size:22px;
}
HTML: Add your new class to a Bar element.
<p class="Bar MyCustomBar3">…