The Flexible Page Layout feature is used to create pages where the layout areas can be flexibly placed on the page. With this function, you can place components within these flexible layout areas. In contrast to the known layouts (Header, Main with Sidebar, Footer) more varied pages can be designed with the "Flexible Page Layout". The areas "Full-width", "Default" and "Main with Sidebar" can now be mixed in any order. In addition, there is now the option of a "Sidebar left".
Creation of Flexible page layout
Flexible page is created using 'Create new page' option in the CMS
Flexible page layout Icon
Flexible page layout icon is displayed on top of the page near page settings
Page content structure panel
Click on flexible page layout icon and the page content structure panel will be displayed. Here, you can add and see existing layout areas.
Add layout area on page
Click on '+ Layout Area' in the above image and the add layout area panel is displayed. Here, you can see many options to add layout area as we can see in the image below.
There are three layout areas available currently.
Full Width: You can add components in this area which will have full screen width.
Default: You can add components in this area which will have full width of the content area.
Default with Sidebar: In this area, you will have two sections content area and sidebar area. In a later dialog you can change the position of the sidebar.
Different layout areas can be seen on this Layout Area Details