In het CMS kun je gemakkelijk een tabel toevoegen aan een tekstveld. Een tekstveld komt te voorschijn als je content wilt bewerken van pagina's met tekst. De tabellen kunnen zowel op je website als in je app getoond worden. Om je op weg te helpen gaan we een simpele openingstijden tabel aanmaken.
Tabel aanmaken
Je ziet hier de tekst-bewerker waarin je de tabel gaat aanmaken.
Druk in het menu van de tekst-bewerker op het icoontje Tabel (rechts).
Het volgende scherm komt in beeld. Hier kunnen alle tabeleigenschappen bewerkt worden.
Tabeleigenschappen invullen
Breedte & hoogte
De onderstaande velden bepalen hoeveel ruimte de volledige tabel in beslag neemt. Je kunt het exacte aantal pixels of percentages invullen. Vul je niets in, dan wordt de grootte van de tabel bepaald aan de hand van de ingevulde tekst.
Voeg je de tabel toe aan een pagina in je app? Probeer dan een maximale breedte van 500 pixels aan te houden. Hiermee ben je verzekerd van een goede weergave op de meeste schermformaten.
Voor de openingstijden is een breedte van 250 pixels voldoende. De hoogte hoeven we niet in te vullen.
Rijen & kolommen
Een tabel bestaat uit cellen (velden). De cellen worden aangemaakt in rijen en/of kolommen. Een rij bestaat uit horizontale cellen en een kolom bestaat uit verticale cellen.
In ons voorbeeld gaan we een tabel met 2 kolommen en 7 rijen gebruiken. Dat betekend dat de tabel uiteindelijk 2 cellen breed en 7 cellen hoog wordt.
Randdikte
Met deze optie bepaal je hoe dik de rand tussen de cellen wordt. Als je liever geen rand om je cellen ziet, dan vul je 0 in. Omdat we een simpele tabel gaan maken zijn randen onnodig. Vul 0 in.
Uiteindelijk komen we bij de volgende eigenschappen uit. Klik op OK om de tabel aan te maken.
Tabel vullen
Inhoud
Vul de dagen van week in de eerste kolom in. Vul daarna de tabel aan met je openingstijden.
Opmaak
Om de tabel wat aantrekkelijker te maken passen we de opmaak aan. Selecteer de dagen van de week en kies onder het menu Stijl voor de optie Bold.
Natuurlijk kunnen er ook andere opmaakstijlen gebruikt worden. Voor meer informatie kan je terecht bij de tekst-bewerker handleiding.
De tabel is aangemaakt en gevuld. Je ziet nu dit beeld in het CMS.
Resultaat
| Website | App |
|---|---|