Tabbladen, Tour en Accordeon

Hieronder voorbeelden van Tabbladen van tabblad Inhoud

Hier een sectie met tabbladen - classic, rounded

O, kijk in dit tabblad kan ik een tekst blok toevoegen met tekst!

Ik ben een bericht kader. Klik op de knop Bewerken om deze tekst te veranderen.

Hier een sectie met tabbladen - Style = Modern, Shape = Rounded

O, kijk in dit tabblad kan ik een tekst blok toevoegen met tekst!

Ik ben een bericht kader. Klik op de knop Bewerken om deze tekst te veranderen.

Hier een sectie met tabbladen - Style = Flat, Shape = Square

O, kijk in dit tabblad kan ik een tekst blok toevoegen met tekst!

Ik ben een bericht kader. Klik op de knop Bewerken om deze tekst te veranderen.

Hier een sectie met tabbladen - Style = Outline, Shape = Round

O, kijk in dit tabblad kan ik een tekst blok toevoegen met tekst!

Ik ben een bericht kader. Klik op de knop Bewerken om deze tekst te veranderen.

Hieronder het element Tabs van tabblad Theme Addons

Tab 1

Het lijkt er op dat je aan styling niet veel kunt veranderen. Gelukkig maar, ik wordt er gek van.

O nee, toch wel: horizontal gewoon of big (deze), en vertical left en vertical right (op tabblad Inhoud noemen ze dat Tour).

En je kunt voor ieder tabblad een icon opgeven.

Tab 2

I am text block. Click edit button to change this text.

Tour: vertical tabbed content

Dit is een tekstblok in een Sectie. Instellingen van de Tour: Style=Classic, Shape=Rounded, Kleur=Grijs, Spacing=1px, Gap=0px, Position: Left, Alignment: Left, Autoplay: geen, PaginationStyle: geen.

Dit is een tekstblok met een plaatje.

Tour: vertical tabbed content

Dit is een tekstblok in een Sectie. Instellingen van de Tour: Style=Classic, Shape=Rounded, Kleur=Grijs, Spacing=1px, Gap=0px, Position: Left, Alignment: Left, Autoplay: geen, PaginationStyle: geen.

Dit is een tekstblok met een plaatje.

Tour: vertical tabbed content

Dit is een tekstblok in een Sectie. Instellingen van de Tour: Style=Modern, Shape=Rounded, Kleur=Peacoc, Spacing=5px, Gap=0px, Position: Right, Alignment: Left, Autoplay: 3sec, PaginationStyle: geen.

Dit is een tekstblok met een plaatje.

Tour: vertical tabbed content

Dit is een tekstblok in een Sectie. Instellingen van de Tour: Style=Flat, Shape=Rounded, Kleur=Chino, Do not fill content area: aangevinkt, Spacing=geen, Gap=10px, Position: Left, Alignment: Right, Autoplay: geen, Active: 99, PaginationStyle: geen.

Dit is een tekstblok met een plaatje.

Tour: vertical tabbed content

Dit is een tekstblok in een Sectie. Instellingen van de Tour: Style=Modern, Shape=Square, Kleur=Grey, Do not fill content area: uitgevinkt, Spacing=1px, Gap=1px, Position: Left, Alignment: Center, Autoplay: geen, Active: 1, PaginationStyle: geen.

Dit is een tekstblok met een plaatje.

Tour: vertical tabbed content

Dit is een tekstblok in een Sectie. Instellingen van de Tour: Style=Modern, Shape=Round, Kleur=Grey, Do not fill content area: uitgevinkt, Spacing=1px, Gap=1px, Position: Left, Alignment: Center, Autoplay: geen, Active: 1, PaginationStyle: geen.

Dit is een tekstblok met een plaatje.

  • Style: Classic, Modern, Flat of Outline
  • Shape: rouded is het mooiste (voor Zakenmasseurs)
  • Do not fill content area: als je een mooie lichte kleur gekozen hebt: deze niet aanvinken
  • Spacing = verticale ruimte tussen de tabs
  • Gap = horizontale ruimte tussen tab en inhoud
  • Position = plaats van de tabs. Left ligt het meest voor de hand.
  • Alignment = plaatsing van de tekst op de tab, Left, Center of Right
  • Autoplay: je kunt ‘m automatisch laten lopen. Niet te snel zetten.
  • Pagination: geen idee, misschien pas aan de orde bij hele lange tabs.

Accordeon lijkt best veel op Tour

Style: Classic
Shape: Rounded
Kleur: Grijs
Do not fill content area?: geen vinkje

Spacing: –
Gap: –
Alignment: Left
Autoplay: none

Allow collapse all? Nee
Icoon: Plus
Position: Left
Active Section: 1

Ik ben een bericht kader. Klik op de knop Bewerken om deze tekst te veranderen.

En dit is sectie 3.

Accordeon lijkt best veel op Tour

Style: Modern
Shape: Rounded
Kleur: Grijs
Do not fill content area?: wel vinkje

Spacing: 2
Gap: 30
Alignment: Left
Autoplay: 10

Allow collapse all? Ja
Icoon: Chevron
Position: Left
Active Section: 1

Ik ben een bericht kader. Klik op de knop Bewerken om deze tekst te veranderen.

En dit is sectie 3.

Accordeon lijkt best veel op Tour

Style: Outline
Shape: Rounded
Kleur: Grijs
Do not fill content area?: wel vinkje

Spacing: 2
Gap: 30
Alignment: Left
Autoplay: 10

Allow collapse all? Ja
Icoon: Triangle
Position: Left
Active Section: 999

Ik ben een bericht kader. Klik op de knop Bewerken om deze tekst te veranderen.

En dit is sectie 3.

De laatste accordeon

Style: Outline
Shape: Rounded
Kleur: Grijs
Do not fill content area?: wel vinkje

Spacing: 30
Gap: 2
Alignment: Left
Autoplay: geen

Allow collapse all? Ja
Icoon: Triangle
Position: Left
Active Section: 999

Ik ben een bericht kader. Klik op de knop Bewerken om deze tekst te veranderen.

En dit is sectie 3.

Hierboven: Accordeon van tabblad Inhoud, hieronder: Accordions van tabblad Theme Addons

  1. 1
    Content 1

    Accordion Style: Numbered. Kan ook met icon. En je kunt instellen of er al eentje open moet staan.

  2. 2
    Content 2

    I am text block. Click edit button to change this text.

  1. Content 1

    Accordion Style: With icons. En je kunt instellen of er al eentje open moet staan.

  2. Content 2

    I am text block. Click edit button to change this text.

  1. Content 1

    Accordion Style: Captions Only. Ook goed om te weten: lukte nog niet om ‘m in een geneste rij te krijgen.

  2. Content 2

    I am text block. Click edit button to change this text.