Three page layout options
There are three page layout options available when editing templates. The page layout you choose determines the number and relative size of columns on pages that use that template. Page layouts appear differently on different devices; see the Page layouts on different devices heading below for an explanation of the differences.
The three page layout options are:
The page layout names indicate the number of columns, and the width of each column as a percentage of the whole.
- 2 column 20-80: Narrow left column (20%) and wide right column (80%).
- 3 column 20-40-40: Narrow left column (20%) and medium width center and right columns (40% each).
- 3 column 20-60-20: Narrow left and right columns (20% each) and wide center column (60%).
If you switch from a 3 column layout to a 2 column layout, any Cards in the right column will be removed from the template.
Page layouts on different devices
ThoughtFarmer has a responsive design that automatically adapts to the size of device that the intranet is being viewed on.
Here is a summary of how the layouts appear on different devices:
- Desktop: All columns display.
- Tablet: Depending on the size and orientation of the device, the left column may display or be hidden. If hidden, it expands from the left when you tap the hamburger icon (three horizontal lines) that appears at the top left on the Application Toolbar. Center column content displays with right column content below it.
Smartphone: For all layouts, the left column is hidden, but expands from the left when you tap the hamburger icon (three horizontal lines) that appears at the top left on the Application Toolbar.
- 2 column layout: the right column displays.
- 3 column layouts: the center column displays; right column content displays below center column content.
Setting up Cards does not affect layout
When a user that does not have permission to modify templates sets up the Cards in Edit mode, they are not able to change the layout of the page. They can only modify the content of the Cards that appear on the page. For more information on modifying individual templates and who has permission to do this, see How to modify templates and Content template permissions.