Using Collapsible Regions

With 18 collapsible regions, you can create an endless combination of page layouts.

Beale Street Regions are grouped into collapsible sections that share thematic elements (like background color and font styles). The User1, User2, and User3 regions are the blue (or orange or green or red) blocks below the menu. We collectively call these three regions Section1. Similarly, User4, User5, and User6 make up Section2. User7 through User12 make up Section3 and Section4.

In order to display a Section, simply publish a block to one of the User Regions in that Section. If you publish to only one User Region in a Section, that Region will fill the width of the page. Publish to two or to all three User Regions in a Section, and the Regions will split the space accordingly.

Similarly, if you publish content to the Left or Right Sidebars, they will appear. Publish nothing to one of the sidebars and it collapses out of sight. And the same applies to the Banner Region below the Masthead.

Below are some sample pages that show how to use the different regions in Beale Street to create different page layouts.

• Page with only content.
• Page with left sidebar.
• Page with right sidebar and the User1 Region.
• Page with both sidebars and the User1 and User2 Regions.
• Page with User5 Region.
• Page with banner, right sidebar, two blocks in User4 Region, and one block in User5 Region.
• Page with left sidebar and User7, User8, and User9 Regions.
• Page with banner, right sidebar, User10, and User12 Regions.
• Page with content in Every Region.