Een kaart toevoegen.

Learn DXPR BuilderBuild pagesAdd contentMarketing

Je krijgt een omkaderd vak met een header en een titel waarin andere elementen passen, zoals tekst of een knop. Gebruik kaarten om verwante inhoud te groeperen, zoals diensten, teamprofielen of abonnementen.

Donkere primaire kaart met de header Relaties met beleggers, de titel Q3-resultaten gepubliceerd en een knop Lees het volledige rapport

Een kaart toevoegen

Open je pagina terwijl je bent ingelogd: de builder-knoppen verschijnen als je met de muis over het inhoudsgebied beweegt. Je eerste pagina legt de basis uit.

  1. Beweeg over de kolom en klik op + in de besturingsbalk, of klik op Add Elements op een lege pagina. Open het tabblad Inhoud en klik op Kaart. De kaart komt bovenaan de kolom te staan, zonder dialoogvenster.
  2. Beweeg eroverheen, klik op More in de besturingsbalk en kies Settings. Typ een Header, bijvoorbeeld Relaties met beleggers.
  3. Typ de Titel van de kaart, bijvoorbeeld Q3-resultaten gepubliceerd.
  4. Kies een Type voor de kaartstijl. Hier kiezen we Primair. De tekst wordt automatisch wit.
  5. Klik in het dialoogvenster op Opslaan.
  6. Beweeg over de kaart en klik op + in de eigen besturingsbalk, niet die van de kolom. De + in de lege kaart werkt ook. Voeg een Knop toe, want een kaart is een container. Stel label en link in zoals bij Knop. Klik daarna op Opslaan in de werkbalk bovenaan het inhoudsgebied om de pagina op te slaan.

Wat je ziet

Je header en titel staan op een kaart in de kleur die je hebt gekozen, met de knop erin. In de video staan Relaties met beleggers en Q3-resultaten gepubliceerd op een primaire kaart. De knop is een normaal Knop-element, dus bewerk en stijl hem apart. Bezoekers zien de kaart zodra je de pagina opslaat en publiceert.

Je kaart instellen

Beweeg over het element en open More > Settings in de besturingsbalk. Opties:

  • Header: tekst in de balk bovenaan de kaart. Laat dit veld leeg om de balk te verbergen.
  • Titel: de kop bovenaan in de kaart.
  • Type: de kleur van de kaart: Default, Primary, Secondary, Success, Info, Warning, Danger, Dark of Light. Allemaal behalve Default en Light gebruiken witte tekst.

Een kaart is een container. Voeg andere elementen toe aan de kaart of sleep ze erin, zoals tekst, een afbeelding of een knop.

Als je het niet ziet

  • Kaart staat niet in het tabblad Inhoud. Je gebruikersprofiel verbergt de kaart. Vraag een beheerder om Kaart (Bootstrap 4/5) aan te vinken onder Elementen in Gebruikersprofielen.
  • De kaart is weg na het herladen. De pagina is niet opgeslagen. Voeg de kaart opnieuw toe en klik op Opslaan in de werkbalk bovenaan het inhoudsgebied.
  • De kaart toont alleen een rand en niets erin. Er zitten nog geen elementen in. Beweeg over de kaart, klik op + in de besturingsbalk en voeg een Tekst, Afbeelding of Knop toe.
  • De headerbalk ontbreekt. De Header is leeg. Beweeg over het element en open More > Settings, en typ een header.
  • Tekst op de kaart is moeilijk leesbaar. De meeste Type-opties gebruiken witte tekst, die wegvalt op een lichte kleur zoals Warning. Kies een donkerder Type, of Light.

Wat nu?

Tabblad Stijl om de witruimte en achtergrond van je kaart aan te passen.