O'Reilly logo

Ext JS 4 Web Application Development Cookbook by Stuart Ashworth, Andrew Duncan

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

Chapter 3. Laying Out Your Components

In this chapter, we will cover:

  • Using a FitLayout to expand components to fill their parent
  • Creating flexible vertical layouts with VBoxes
  • Creating flexible horizontal layouts with HBoxes
  • Displaying content in columns
  • Collapsible layouts with accordions
  • Displaying stacked components with the CardLayout
  • Anchor components to their parent's dimensions
  • Creating fullscreen applications with the BorderLayout
  • Combining multiple layouts

Introduction

This chapter explores the layout system in Ext JS 4 and demonstrates how to use these layouts to place your user interface components. The layouts that we will be working with are FitLayout, BorderLayout, HBox layout, VBox layout, ColumnLayout, TableLayout, AccoridionLayout, CardLayout ...

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