This documentation refers to a Gravstrap obsolete release. Please consider to upgrade to the new release

The Gravstrap Tabs component handles the Bootstrap Tabs component.

The tabs component is defined by the following Yaml code:

gravstrap:
    tabs:
        tab1:
            from_file: tabs.markdown

This code must be added to the page where you need to display the component.

from_file property

The from_file mandatory property defines the file which contains the contents for each jumboron element. This file must be added under the page where the component is displayed and it is structured as follows:

[[SECTION Gpm]

### Tab1
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

[/SECTION]

[SECTION Manual Installation]

### Tab1
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

[/SECTION]

The section name is used as the tab title.

If you need to add more tabs and you want to define for each tabs a markdown content, you must add a markdown file for all the tabs you want to handle.

Render the tabs component

Add the following code to the template where you need to render the tabs component:

{{ gravstrap.tabs1 }}

Next Post Previous Post