-
Book Overview & Buying
-
Table Of Contents
Ext.NET Web Application Development
By :
As with HBox, the VBox layout is a powerful layout option that lets you arrange items vertically across a container using a variety of ways that match HBox (of course, some directional values will refer to vertical directions for VBox, as noted earlier in the HBox layout section).
Due to space constraints in this book we won't look at the exact same concepts as HBox here. Armed with the knowledge of HBox, earlier, you can study this example in the Examples Explorer: http://examples.ext.net/#/Layout/VBoxLayout/Basic/. Although the name of the page implies a basic overview of VBox, it is quite rich and thorough! For this chapter, we will instead look at a couple of useful tips:
A useful plugin that comes with VBox is the ability to reorder items inside a container. Consider this example markup:
<ext:Window runat="server" Width="250" Height="200">
<LayoutConfig>
<ext:VBoxLayoutConfig Align="Stretch" />
</LayoutConfig>
<Items...
Change the font size
Change margin width
Change background colour