Hoe stel je het blok Knoppen in binnen een vacature detail pagina template in Datamotive?
Leer hoe je een Knoppen-blok toevoegt, per knop een type kiest en de bron, het thema, het formaat en het openingsgedrag instelt.
Met het blok Knoppen voeg je één of meerdere knoppen toe binnen een kolom van een vlak. Per knop kies je een type en stel je de bron en de weergave in. Een Knoppen-blok kan meerdere knoppen bevatten.
Voorwaarde: het blok Knoppen wordt toegevoegd binnen een kolom van een vlak van het type Kolommen in een vacature detail pagina template. Weet je nog niet hoe je vlakken, kolommen en blokken toevoegt? Raadpleeg dan eerst de handleiding [Hoe voeg je vlakken toe aan een vacature detail pagina template in Datamotive?]
Het blok Knoppen toevoegen
Stap 1 – Voeg het blok toe
Klik binnen de kolom op + Blok toevoegen en selecteer bij Type het bloktype Knoppen.
Stap 2 – Voeg een knop toe
Klik binnen het Knoppen-blok op + Knop toevoegen. Er verschijnt een knop die je vervolgens verder instelt.
Stap 3 – Kies het knoptype
Kies bij Type het gewenste type knop. De beschikbare typen zijn:
- Button (link) – knop die naar een URL of pagina verwijst
- Button (formulier) – knop die een formulier opent
- Button (attributen) – knop met een eigen onclick-actie
Een knop van het type Button (link) instellen
Stap 1 – Vul de titel in
Vul in het veld Titel de tekst in die op de knop wordt getoond.
Stap 2 – Kies de bron
Selecteer bij Bron waar de knop naar verwijst. Je kunt kiezen uit:
- Handmatige URL
- Sulu pagina
Stap 3a – Bij Handmatige URL: vul de link in
Kies je Handmatige URL, vul dan in het veld Link de gewenste URL in.
Stap 3b – Bij Sulu pagina: selecteer webspace en pagina
Kies je Sulu pagina, dan verschijnt het veld Pagina. Selecteer eerst de juiste webspace en vervolgens de juiste pagina binnen die webspace.
Stap 4 – Stel het thema in
Kies bij Thema de gewenste stijl van de knop. De beschikbare thema's zijn:
- Primair
- Primair omlijnd
- Secundair
- Secundair omlijnd
- Tertiair
- Tertiair omlijnd
- Wit
- Wit omlijnd
- Donker
- Donker omlijnd
Stap 5 – Stel het formaat in
Kies bij Formaat de grootte van de knop. De opties zijn:
- Small
- Medium (standaard)
- Large
Stap 6 – Stel het openingsgedrag in
Kies bij Open in hoe de link wordt geopend. De opties zijn:
- Huidige tabblad (standaard)
- Nieuw tabblad
Een knop van het type Button (formulier) instellen
Stap 1 – Vul de titel in
Vul in het veld Titel de tekst in die op de knop wordt getoond.
Stap 2 – Kies het formulier
Selecteer bij Formulier het formulier dat de knop moet openen.
Stap 3 – Stel thema en formaat in
Kies bij Thema en Formaat de gewenste weergave, met dezelfde opties als bij Button (link).
Let op: bij het type Button (formulier) is de optie Open in niet beschikbaar.
Een knop van het type Button (attributen) instellen
Stap 1 – Vul de titel in
Vul in het veld Titel de tekst in die op de knop wordt getoond.
Stap 2 – Vul de onclick-actie in
Vul in het veld onclick de gewenste actie in die wordt uitgevoerd wanneer op de knop wordt geklikt.
Stap 3 – Stel thema en formaat in
Kies bij Thema en Formaat de gewenste weergave, met dezelfde opties als bij Button (link).
Let op: bij het type Button (attributen) is de optie Open in niet beschikbaar.
Meerdere knoppen toevoegen
Stap 1 – Voeg extra knoppen toe
Klik opnieuw op + Knop toevoegen om meer knoppen binnen hetzelfde blok toe te voegen. Elke knop stel je afzonderlijk in.
De wijzigingen opslaan
Stap 1 – Sla het template op
Klik op Aanmaken of Wijzigen, afhankelijk van of het template nieuw of bestaand is.
Overzicht instellingen
| Veld / optie | Beschrijving | Verplicht |
|---|---|---|
| Type (knop) | Button (link), Button (formulier) of Button (attributen) | Ja |
| Titel | Tekst die op de knop wordt getoond | Ja |
| Bron | Bij Button (link): Handmatige URL of Sulu pagina | Ja (bij Button (link)) |
| Link | Handmatige URL van de knop (bij bron Handmatige URL) | Ja (bij Handmatige URL) |
| Pagina | Webspace en pagina waarnaar de knop verwijst (bij bron Sulu pagina) | Ja (bij Sulu pagina) |
| Formulier | Formulier dat de knop opent (bij Button (formulier)) | Ja (bij Button (formulier)) |
| onclick | Actie die wordt uitgevoerd bij klikken (bij Button (attributen)) | Ja (bij Button (attributen)) |
| Thema | Primair, Primair omlijnd, Secundair, Secundair omlijnd, Tertiair, Tertiair omlijnd, Wit, Wit omlijnd, Donker of Donker omlijnd | Ja |
| Formaat | Small, Medium (standaard) of Large | Ja |
| Open in | Huidige tabblad (standaard) of Nieuw tabblad (alleen bij Button (link)) | Nee |