Some applications have special layout requirements that cannot be met by the native Ext JS layouts. Luckily, you can extend these layouts and add the features that you need.
As an example, this recipe explains how to build a custom layout based on the
column layout's features. This custom layout will allow you to separate each of the columns with a configurable distance. For example, a sample three-column
ColumnLayout layout would look like this by default:
But when using this recipe's custom layout, the same sample allows for user-defined space between columns:
Since this layout borrows heavily from