De Card (horizontaal) widget lijkt sterk op de standaard Card widget, maar biedt een alternatieve layout: in plaats van dat de tekst en/of knoppen onder de afbeelding staan, worden ze naast de afbeelding geplaatst. Dit zorgt voor een meer gebalanceerde, redactionele uitstraling, en is ideaal voor het uitlichten van informatie op een overzichtelijke manier.


Je kunt kiezen of de afbeelding links of rechts staat, afhankelijk van wat het beste past bij je content en de gewenste visuele flow.


Alle basisopties van de standaard Card widget

Deze widget bevat alle opties van de standaard Card widget, zoals:

  • Afbeeldingen toevoegen

  • Titel & alineatekst

  • Tekstuitlijning

  • Card thema (kleur)

  • Knoppen (1 of 2) met iconen, links en styling

  • Volledige card klikbaar maken

  • Volledige hoogte innemen

  • Afbeelding hover effect

  • CSS classes toevoegen


Extra opties bij de horizontale variant

  • Verticale uitlijning tekst in kaart (desktop)
    Met deze instelling bepaal je hoe het tekstblok verticaal wordt uitgelijnd binnen de kaart, op desktopformaten. Je kunt bijvoorbeeld kiezen voor:

  • Boven – tekst staat bovenaan.

  • Midden – tekst wordt verticaal gecentreerd.

  • Onder – tekst staat onderaan in het tekstvlak.

Dit geeft je meer controle over de visuele balans van de kaart op grotere schermen.

  • Verhoudingen afbeelding / tekstvlak:
    Bepaal hoe de ruimte wordt verdeeld tussen de afbeelding en het tekstgedeelte. Je kunt kiezen uit verschillende standaardverhoudingen, enkele voorbeelden:

    • 50% / 50% – afbeelding en tekst nemen elk de helft van de kaart in.
    • 33% / 66% – afbeelding neemt een derde van de breedte in, tekstvlak twee derde.
    • 25% / 75% – kleinere afbeelding, grotere ruimte voor tekst en knoppen.

Deze instelling bepaalt de balans tussen visueel en tekstueel gewicht.

  • Card vakken omdraaien (desktop):
    Met deze optie wissel je de volgorde van de afbeelding en het tekstvlak op desktop- en tabletformaat. Je kunt er dus voor kiezen om bijvoorbeeld de afbeelding rechts te tonen en de tekst links.

  • Card vakken omdraaien (mobiel):
    Op mobiele apparaten (zoals smartphones) kun je onafhankelijk bepalen of je de volgorde van de elementen wilt omdraaien. Handig om te zorgen dat de gebruikerservaring op mobiel optimaal blijft.


Wanneer gebruik je deze widget?

De Card (horizontaal) is ideaal wanneer je:

  • Tekstuele uitleg wilt combineren met een ondersteunende afbeelding.

  • Een redactionele look zoekt.

  • De afwisseling in layout wilt vergroten in combinatie met andere widgets.

  • Content visueel aantrekkelijk én goed leesbaar wilt presenteren.