Introductie

TDM5 biedt de mogelijkheid om je eigen ontwerpen te maken, dit kan gedaan worden met behulp van elementen. Elk element heeft zijn eigen eigenschappen die geconfigureerd kunnen worden. Met deze elementen heb je de mogelijkheid om content te creëren op basis van jouw behoeften. 

Dit artikel beschrijft hoe een tabel kan worden toegevoegd aan een pagina. Met het table-element kun je je eigen aangepaste tabellen aan een pagina toevoegen.

Vereisten

Als je een tabel aan je pagina wilt toevoegen, moet je aan de volgende vereisten voldoen:

• Toegang hebben tot: Ontwerper > Pagina's en in staat zijn om een pagina te maken of te bewerken.

Hoe voeg je een tabel toe

1. Log in op je TDM5-omgeving.
    
2. Selecteer “Ontwerper”.
   
    
3. Selecteer de menu-optie genaamd “Pagina's”.
   
    
4. Open een bestaande pagina door ‘Bewerken’ te selecteren of maak een nieuwe pagina aan met de knop ‘Nieuwe pagina toevoegen’ 
   
   Bestaande pagina bewerken: 
   
   
   Nieuwe pagina toevoegen:
   
    
5. Je wordt naar de content editor geleid, van hieruit kun je je pagina ontwerpen.
   
    
6. Selecteer het ‘Tabel’-element, dit kan gedaan worden door het te selecteren in het menu aan de linkerkant van het scherm.
   
    
7. Je kunt nu een kader tekenen door in de template-editor te klikken, zodra dit gedaan is kun je de grootte van het element bepalen. Klik nogmaals zodra je tevreden bent met de grootte van het element. 
   
    
8. Aan de rechterkant van de pagina kun je de eigenschappen van het element configureren. Om de naam te wijzigen dubbelklik je op het element in de sectie ‘Elementen’.
   
    

9. In de sectie ‘Elementindeling' kun je de positie van het element aanpassen en indien nodig de rotatie instellen.
   

   De grootte kan ook worden aangepast door de rand van het element te selecteren.
   
   
   Rotatie kan worden ingesteld met de stip bovenaan het element.
   
   
    

10. In de sectie ‘Kleuren & effecten’ heb je de mogelijkheid om een achtergrondkleur voor de tekst in de tabel in te stellen en de kleur van de tekst te wijzigen. Daarnaast kun je de ‘Doorzichtigheid’ instellen om de tekst transparant te maken.
    
     
11. In de sectie ‘Tekst’ kun je de tekst wijzigen of het element koppelen aan een databron. 
    Daarnaast kun je de volgende opties voor het element configureren:
    
    Lettertype: Lettertype dat wordt gebruikt voor de tekst
    Tekstgrootte: Grootte van de tekst
    Uitlijning: Positie van de tekst
    Stijl: Stijl van de tekst
    Lijnhoogte: Met deze optie kun je de lijnhoogte van een regel vak definiëren. 
    Letterafstand: Met deze optie kun je de ruimte tussen de letters in de tabel definiëren.
    
     

12. In de sectie ‘Tabel’ heb je de optie om je tabel verder te definiëren. Hier kun je het aantal kolommen en rijen instellen, bepalen of je een rand wilt weergeven en de kleur en/of dikte van de rand instellen. 
    
    Je kunt ook een databron selecteren door er een te kiezen in het dropdownmenu ‘Data source’. De tabel wordt automatisch gevuld met de gegevens uit de geselecteerde databron.

    Als je een van deze opties selecteert:

    

     

    De eerste rij en/of kolom wordt uitgesloten van het vullen met gegevens uit de databron.
    
     

13. In de sectie ‘Intertactief’ kun je content configureren die wordt weergegeven zodra iemand het element aanraakt. Dit kan handig zijn wanneer de content wordt weergegeven op een apparaat met een touchscreen.
    
    
    Als je deze stap hebt afgerond, heb je succesvol een tabel aan je ontwerp toegevoegd. Het is mogelijk om door te gaan met je ontwerp en indien nodig extra elementen toe te voegen.