DEPRECATION WARNING

This documentation is not using the current rendering mechanism and will be deleted by December 31st, 2020. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.

Example for beLayout

Our example page has 3 content areas: a top content area(field_headercontent), a main content area (field_content), and a right content area (field_rightcontent). Using beLayout, we can design a backend layout for these 3 content areas which follows the structure of the frontend page.

<link rel=”stylesheet” type=”text/css” href=”../../../../fileadmin/css /belayout-startpage.css” />

<divid= “pm-startpage” style= “border: 1px solid #333333” >

<tablewidth= “99%” >

<tr>

<tdwidth= “99%” colspan= “2” class= “header” style= “background: #CAE0DE; border-bottom: 1px solid black” >

###field_topcontent###

</td>

</tr>

<tr>

<tdwidth= “60%” valign= “top” style= “border-right: 2px solid black” >

###field_content###

</td>

<tdwidth= “40%” valign= “top” class= “right” style= “background: #F6FFC6;” >

###field_rightcontent###

</td>

</tr>

</table>

</div>

img-11 After applying the beLayout, the page module will look like the following screenshot.