Dynamisch gegenereerde inhoud

We kunnen nu een ‘Dynamische pagina’ toevoegen. Ook dit is mogelijk op verschillende manier, maar wij gaan hier via de Dev-modus werken. Je ziet dat onder ‘Database’ een nieuwe tabel is verschenen: Klanten. Als je met de muis over de naam beweegt komt een tandwiel tevoorschijn. Door hierop te klikken komt een nieuw menu tevoorschijn…

  • Klik hier op ‘Dynamische pagina toevoegen‘. Er wordt een nieuwe pagina, ‘Klanten (All)‘ aangemaakt.
    Onderstaande picto geeft aan dat de inhoud gekoppeld is met een dataset.

Je kan nu nakijken of alle velden met de juiste gegevens ingevuld worden.

Je kan in voorbeeld kijken hoe de pagina ingevuld eruit ziet.
Momenteel ziet mijn pagina er als volgt uit:

This image has an empty alt attribute; its file name is image-137.png

Dit is al leuk, maar we zouden graag helemaal boven de voornaam en familienaam hebben, dan het e-mail-adres, dan het telefoonnummer en dan de status. De ‘more’-knop hebben we niet nodig voorlopig.

We passen dus eerst onze lay-out aan zodat we de velden die we willen zien ter beschikking hebben. Je zal zien dat als je zaken in één blok verandert, ze ook in de andere blokken aangepast worden.

Als we nu kijken in ‘Voorbeeld’-modus, zien we dat alle nodige velden niet aanwezig zijn -de naam wordt niet weergegeven- en dat bovendien in alle velden dezelfde informatie staat.
Dit komt omdat ik één van de bestaande blokken gekopieerd heb en deze dus naar hetzelfde veld uit mijn tabel verwijzen.

Maar waarom verschijnt onze naam niet? Laten we even kijken waar de verschillende velden naar wijzen.

  • Selecteer de eerste tekstblok en klik op de groene verbindingspicto.

Het volgende venster gaat open:

En we zien onder de verbindingsopties dat dit veld gekoppeld is met het veld ‘Title’ uit onze dataset… Nu, die gebruiken we niet. We willen dit veld koppelen met het veld ‘naam’ uit onze dataset.

  • Klik op het pijltje naast ‘Title (Tekst)’ en selecteer First Name (Tekst).
  • Selecteer de tweede blok, klik op de groene koppeling en selecteer Last Name (Tekst).
  • Werk alle tekstvelden op dezelfde manier af om alle koppelingen juist te trekken.

Het uiteindelijke resultaat zou iets gelijkaardigs moeten zijn. Je kan natuurlijk nog velden toevoegen aan deze klantgegevens, zolang ze natuurlijk ook aanwezig zijn in de dataset.