FR Columns/en: verschil tussen versies
Bijgewerkt vanwege een nieuwe basisversie van de bronpagina |
Nieuwe pagina aangemaakt met 'alt=Columns general|941x941px' |
||
| Regel 8: | Regel 8: | ||
You can configure the styles on three different levels: | You can configure the styles on three different levels: | ||
* globally, across the entire website; | * globally, across the entire website; | ||
* by section; | * by section; | ||
* by column. | * by column.<br /> | ||
</ | == General settings == | ||
[[Bestand:ColumnsGeneral.png|alt=Columns general|941x941px]] | |||
[[Bestand: | |||
'''Settings''' | |||
''' | |||
For this page section, set the following: | |||
* whether the column headers are displayed in the output | |||
* | * whether the columns should be stretched horizontally | ||
* | * the width of each column, in pixels | ||
* | * the spacing between columns, in pixels | ||
* | * the layout type used to divide the columns horizontally | ||
* | * the layout type for the grid, i.e., how any empty space is displayed | ||
* | |||
'''Columns in this section''' | |||
''' | |||
The table shows the columns created for this page section. | |||
Update a column by clicking on its title, or click the Pencil icon on the right. Move a column using the Move buttons on the right. Delete a column using the Wastebasket button on the right. And add a column using the Add Column button. | |||
<span id="Kolommen"></span> | <span id="Kolommen"></span> | ||
Versie van 26 aug 2026 12:34
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.
General settings
Settings
For this page section, set the following:
- whether the column headers are displayed in the output
- whether the columns should be stretched horizontally
- the width of each column, in pixels
- the spacing between columns, in pixels
- the layout type used to divide the columns horizontally
- the layout type for the grid, i.e., how any empty space is displayed
Columns in this section
The table shows the columns created for this page section.
Update a column by clicking on its title, or click the Pencil icon on the right. Move a column using the Move buttons on the right. Delete a column using the Wastebasket button on the right. And add a column using the Add Column button.
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.
