Did you know you can slice up your page layouts very easily using Layout Controls?
Your page content is not constrained to the content area defined by your page template.
With Sitefinity Layout Controls you can:
- Add and customize columns in your content area
- Assign your own css style names and modify the design
- Adjust the flow of your content on mobile devices
To get started, edit a page and click the Layout button in the top right corner of the page.
You will then get a list of pink(ish) controls that can be dropped on a page just like your content widgets.
Customize Your Columns
Add more columns
By dragging a layout control onto your page you can split your content area in to multiple columns.
Nested Controls
You can also nest your content controls by dropping one inside the other.
Customize the Style of Your Content
Click Edit to pull up the properties for your layout control.
Change Column Widths
The width of each column can be modified. Clicking "Spaces" will also give you options to adjust the padding between columns.
Add Custom CSS Styles
Clicking Classes & Labels allows you to add your own css class names that get inserted to the html that wraps each column. (Switch back to the list of content widgets and drag a style block onto your page to include your own css.)
