O'Reilly logo

Ext.NET Web Application Development by Anup Shah

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

HBox layout

The HBox layout is a powerful layout option that arranges items horizontally across a container. You can divide the space between child items in various ways giving you powerful layout options. Consider the following screenshot:

HBox layout

In this screenshot, we have four different Panels, each with four buttons (though any components, including Panels could have been used instead of buttons). Each Panel, however, has a different HBox configuration applied to it to achieve the different horizontal layouts.

Let's look at each one in turn, starting from the top-most Panel of buttons and working our way down:

<ext:Panel runat="server" Layout="HBox" ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required