Info
Content

Layout: Side panel layout

Side panel layout

Category: Waterlogic Articles.
Content Blocks Documentation: https://docs.modmore.com/en/ContentBlocks/v1.x/Layouts.html

This layout is typically only used for an Article Resource Section, the layout provides two columns for adding fields and nested layouts. The smaller column on the right is specifically designed to hold the Side Panel field.

Side-panel-layout-fields.jpg

Settings are available by hovering over the field and clicking the cog in the top right

Side-panel-layout-settings.jpg

Settings

Setting Description Default
Bootstrap Column 1 Adjust the size of the column using bootstrap classes col-12 col-lg-9
Bootstrap Column 2 Adjust the size of the column using bootstrap classes col-12 col-lg-3 
Data-UID A unique ID of the container for skip to links   
Show full width? Element stretches full width of the page No
Show Gutters? Show Bootstrap gutters Yes
Vertical Align? Vertically align the columns  Yes
Section background colour Background colour of the full-width section  Transparent
Container background Colour Section background colour Transparent
Padding top Section padding-top - Use if you have background colour set  
Padding bottom Section padding-bottom - Use if you have background colour set  
Margin top Add margin to the top of the container for vertical alignment adjust  
Margin bottom Add margin to the bottom of the container for vertical alignment adjust  60px
Negative margin Add a negative margin to the bottom of the section, useful for adjusting the base padding when using background colours  
Reverse mobile order  Reverse the order of the columns on mobile No

 

 

 

 

Back to top