FR Columns
FR Columns is a module that allows you to create multiple columns within a page section.
You can use a column for formatted text, or as an entry point to, for example, a photo gallery.
For each column, you can also specify a header and a link to an internal page.
You can configure the styles on three different levels:
- globally, across the entire website;
- by section;
- by column.
Instellingen
Voor deze pagina sectie stel je in:
- of de kolomtitels getoond worden in de output
- of de kolommen horizontaal uitgerekt moeten worden
- de breedte per kolom, in pixels
- de tussenruimte tussen de kolommen, in pixels
- het type opmaak waarmee de kolommen horizontaal verdeeld worden
- het type opmaak voor het raster, de wijze waarop eventuele lege ruimte wordt getoond
Kolommen in deze sectie
De tabel toont de voor deze pagina sectie aangemaakte kolommen.
Wijzig een kolom door op de titel te klikken, of klik op het potlood icoon rechts. Verplaats een kolom middels de Verplaatsknoppen rechts. Verwijder een kolom middels de prullenbakknop rechts. En voeg een kolom toe met de keuzeknop Kolom toevoegen.
Columns
Column title: Provide a short, clear title
Column content: Use the WYSIWYG editor for formatting, text, images, etc.
Page link: If desired, you can create a page link in this column
Link text: Enter a short, clear link text
Style overrides: If desired, you can set a different style for this column
Styles
You can configure the styles on three different levels:
- Global, website-wide: In the section screen, select the Open Global Settings button;
- Per section: In the section screen, go to the Section Styles section;
- Per column: In the section screen, open the desired column or create a new one, and go to the Style Overrides section.
Font family: Choose from the included fonts
Font size: Choose from the available sizes; clear a selected size to display the drop-down list again
Font color: Click the color swatch, select a color, or enter a (hex) value. Also specify the level of transparency. Or use the default.
Font weight: Choose from the available weights; clear a selected weight to display the drop-down list again
Background color:Click the color box, select a color, or enter a (hex) value. Also specify the level of transparency. Or use the default.
Padding: Choose from the provided distances; clear a set distance to display the selection list again.
Text alignment: Choose one of the provided options.
Example
In the example below, FR Columns is used for a portfolio page. Each column contains a link to a photo album created with FR Gallery.
