Een element vinden en toevoegen.

DXPR Builder lerenPagina’s bouwenEen pagina bewerken

Elk element dat je toevoegt komt uit de elementenkiezer, een dialoogvenster met vijf tabbladen: lay-out, inhoud, Drupal-blokken, Drupal-views en je opgeslagen sjablonen. Je leert hier wat elk tabblad bevat en hoe je snel een element vindt. Het voorbeeld bezoekt elk tabblad en voegt een knop toe uit het tabblad Inhoud.

De kiezer openen

  1. Klik op Add Elements in het lege inhoudsgebied en kies op het tabblad Lay-out de optie Sectie.
  2. Klik op + op de sectie: de kiezer opent opnieuw. Wat je nu kiest komt in deze sectie, bovenaan.

Bekijk de vijf tabbladen

  1. Klik op Lay-out: Sectie, Rij, Tabbladen, Uitklappaneel, Carrousel en Gepositioneerde lagen.
  2. Klik op Inhoud: tekst-, media- en interactieve elementen, met een vak Zoeken.
  3. Klik op Drupal-blokken: de blokken van je site, met Filteren op categorie en een zoekvak.
  4. Klik op Drupal-views: elke weergave van je ingeschakelde views, met Filteren op tag en een zoekvak.
  5. Klik op Opgeslagen sjablonen: je privé- en globale sjablonen, met Filteren op gebruiker, Filteren op type en een zoekvak.

Elk tabblad behalve Lay-out heeft een vak Zoeken: typ een deel van een naam om dat tabblad te filteren.

Een element toevoegen

  1. Terug op het tabblad Inhoud kies je Knop: zijn dialoogvenster opent meteen.
  2. Typ de Titel, stel de Link in, laat het Type op Primair staan en klik op Opslaan.
  3. Klik op Opslaan in de werkbalk.

Inhoudselementen

Element Doel
Alert Bootstrap-melding
Block quote Gestileerd citaat
Button Gestileerde knop met link
Card Kaart met header, titel en inhoud
Circle counter Cirkelvormige voortgangsanimatie
Countdown timer Aftellen van datum en tijd
Number counter Geanimeerd optellend getal
HTML Ruwe HTML-code
Icon Pictogram uit een pictogrambibliotheek
Image Enkele afbeelding met link en alt-tekst
Image carousel Roulerende afbeeldingengalerij
Jumbotron Grote banner met een titel en een leadregel
Link Gestileerde link
Map Google Maps-embed
Marquee Scrollende afbeeldingenstrook
Panel Omrand paneel met titel
Progress bar Geanimeerde voortgangsindicator
Divider Horizontale lijn
Text Rijke tekst met direct bewerken
Local video Zelfgehost videobestand
Video Ingesloten video (YouTube, Vimeo)
Social links Pictogramlinks naar sociale media

Wat je ziet

De meeste elementen openen hun dialoogvenster zodra je ze kiest. Kaart, Scheidingslijn en Paneel komen meteen op de pagina te staan, net als Sectie, Rij, Tabbladen en Uitklappaneel. Carrousel en Gepositioneerde lagen openen eerst hun instellingen. Het nieuwe element staat bovenaan de sectie of kolom waarop je hebt geklikt; sleep het lager als het verderop hoort.

Als je het element niet ziet

  • Er ontbreekt een element op een tabblad. Je gebruikersprofiel verbergt het. Een beheerder vinkt het aan onder Elementen in het profiel bij DXPR Studio > DXPR Builder > Gebruikersprofielen (/admin/dxpr_studio/dxpr_builder/profile). Het profiel noemt sommige elementen anders: Scheidingsteken is Scheidingslijn, Teller is Getalenteller, Aftellen is Aftelklok en Blokcitaat is Citaatblok.
  • Er ontbreekt een nieuw blok of een nieuwe viewweergave. Tenzij het vak Alles aan-/uitvinken voor blokken of Alles aan-/uitvinken voor views in het profiel is aangevinkt, voegen gebruikersprofielen nieuwe blokken en weergaven niet vanzelf toe. Een beheerder vinkt het aan onder Blocks of Views in hetzelfde profiel.
  • Het tabblad Drupal-blokken ontbreekt. De builder somt blokken alleen op als de Drupal-module Blokinhoud aanstaat. Schakel hem in bij Uitbreiden (/admin/modules).
  • Opgeslagen sjablonen is leeg. Er is nog niets opgeslagen. Kies Opslaan als sjabloon in het menu More van een element; zie Gebruikerssjablonen.

Wat nu?