Om het tabelinhoudsblok te gebruiken, voer je de volgende stappen uit:
- Log in in de software
- Open een nieuwsbrief of landingspagina
- Sleep het tabel-inhoudsblok naar de editor
- Bewerk de tabel
Aanpasbare tafelinstellingen
Je kunt verschillende instellingen van het tabel-inhoudsblok aanpassen. In dit gedeelte onderzoeken we de verschillende aanpasbare instellingen en wat je hiermee kunt doen.
Header sectie
Het tabel-inhoudsblok bevat de optie om kopteksten toe te voegen aan de eerste rij van de tabel. Deze header-rijen fungeren als kolomtitels en stellen je in staat elke kolom aan een categorie te koppelen.
Je kunt ervoor kiezen om jouw tabel met of zonder header-rij te maken. Als je de tabel in eerste instantie met een header-rij maakt, deze verwijdert en vervolgens besluit deze later weer toe te voegen, gaan alle opmaak of stijlen uit de oorspronkelijke header-rij verloren. Je moet de header-rij helemaal opnieuw ontwerpen.
Structuur
Je beschikt over de volgende opties om de structuur van uw tabel-inhoudsblok aan te passen:
- Kolommen: Voeg kolommen toe of verwijder ze rechts van jouw tabel. Het maximale aantal kolommen dat je kunt toevoegen is acht.
- Rijen: rijen toevoegen of verwijderen onder aan de tabel. Er is geen maximum aantal rijen dat je aan de onderkant van de tabel kunt toevoegen.
- Achtergrondkleur: bewerk de achtergrondkleur van de tabel.
- Rand: Pas uw randstijl aan. Je kunt kiezen uit effen, gestippeld en gestippeld. Je kunt ook een aangepaste randkleur en -grootte selecteren.
Opmerking: Voor gestippelde en gestippelde randstijlen resulteert een dikte groter dan vijf in grote cirkels of rechthoeken als rand. Voor de beste resultaten gebruik je een randdikte van vijf of minder voor deze typen randstijlen.
Gestreepte rijen
Je kunt de inhoudseigenschap Gestreepte rijen gebruiken om rijen met afwisselende kleuren te maken.
Om gestreepte rijen aan jouw tabel toe te voegen, voer je de volgende stappen uit:
- Navigeer naar de nieuwsbrief of landingspagina
- Identificeer het blok TabelinhoudS
- Sleep het tabel-inhoudsblok naar de editor
- Klik op de tabel
- Navigeer naar Gestreepte rijen onder Inhoudseigenschappen in het paneel aan de rechterkant van het scherm
- Schakel Gestreepte Rijen in
- Selecteer de achtergrondkleur die je wilt toepassen op de afwisselende rijen
Opmerking: De aanvankelijke achtergrondkleur van de tabel die u selecteert, is de andere afwisselende kleur in uw tabel.
De volgende GIF demonstreert een voorbeeld van wat u met deze inhoudseigenschap kunt doen.
Inhoud
Je hebt de volgende opties om de inhoud van uw tabel-inhoudsblok aan te passen:
- Lettertypefamilie
- Lettertype dikte
- Lettertypegrootte
- Tekst kleur
- Link kleur
- Uitlijnen
- Lijndikte
- Letterafstand
- Tekstrichting
Opmerking: deze instellingen worden toegepast op alle inhoud binnen het tabel-inhoudsblok.
Toegankelijkheidssleutels
Voor toetsenbordtoegankelijkheid hebben we het aria-rasterpatroon gevolgd. Voor meer informatie over wat het ARIA-rasterpatroon is, ga je naar het artikel ARIA-rasterpatroon.
Het ARIA-rasterpatroon is een reeks richtlijnen die zijn uiteengezet in de Toegankelijke Rich Internet Applications (ARIA)-specificatie van het W3C om de toetsenbordtoegankelijkheid binnen webapplicaties te verbeteren. Het biedt ontwikkelaars een gestructureerde aanpak om toegankelijke rasters, tabellen en soortgelijke componenten te maken, zodat gebruikers er efficiƫnt doorheen kunnen navigeren en ermee kunnen communiceren met alleen toetsenbordbediening. Door zich te houden aan het ARIA Grid Pattern kunnen ontwikkelaars ervoor zorgen dat alle gebruikers toegang hebben tot een inclusieve applicatie-ervaring.
Je focus instellen
Om jouw focus voor het gebruik van de navigatietoetsen in te stellen, voer je de volgende stappen uit:
- Navigeren in rijen: blader door rijen met de pijltjestoetsen. Wanneer de tabel is geselecteerd en je op Enter drukt wordt de focus naar de eerste cel geleid, waardoor rasternavigatie mogelijk wordt.
- Rasternavigatie: druk in de rasternavigatiemodus op Enter of begin met typen om de focus te verplaatsen naar de editor in de cel waarin je wilt werken.
- Verplaatsen tussen bouwers: Als je de bouwer in een cel gebruikt en je direct naar een andere bouwer in een aangrenzende cel wilt gaan:
1 Om vooruit te gaan, druk je op Enter of Tab.
2 Gebruik Shift + Enter of Shift + Tab om achteruit te gaan.
Door deze stappen te volgen, kun je de focus voor jouw navigatie instellen.
-
Naast het ARIA-rasterpatroon hebben we ook het volgende aangepaste gedrag toegevoegd: Enter-toets om verticaal door cellen te navigeren: De Enter-toets heeft verschillende functies, afhankelijk van jouw huidige focus. De volgende lijst toont de verschillende functies van de Enter-toets voor elke focus:
- Wanneer de focus op de module ligt: Door op Enter te drukken wordt de focus ingesteld op de eerste cel van de rasterselectie.
- Wanneer de focus op een cel ligt: Als je op Enter drukt terwijl je de inhoud van de cel bewerkt, wordt de focus ingesteld op de bouwer in de cel.
- Wanneer de focus op de builder in een cel ligt: Als je op Enter drukt terwijl je de inhoud van de cel bewerkt, wordt de focus ingesteld op de builder in de cel erboven of eronder, afhankelijk van de richting.
- Combinatie Shift+Enter: Als je op Shift+Enter klikt, keer je de richting van het gedrag van de Enter-toets om. - Tab-toets om horizontaal tussen cellen te navigeren: Gebruik de Tab-toets om horizontaal tussen cellen te navigeren. Als je je in een cel in de laatste kolom aan de rechterkant van de tabel bevindt, word je naar de cel op hetzelfde niveau in de eerste kolom van de tabel genavigeerd.
- Celinhoud verwijderen: Om de inhoud van een cel te verwijderen, gebruik je de backspace-toets wanneer je je in het rastergedeelte bevindt.
- Regeleinde: Als je een regeleinde wilt uitvoeren terwijl je je in een cel bevindt, klik je op alt, ctrl of metakey + Enter. Op een Mac-toetsenbord klik je bijvoorbeeld op Command, plusteken (+) en vervolgens op Enter om een regeleinde in een cel uit te voeren.
Aanvullende overwegingen
Het is belangrijk om te begrijpen dat dit een ontwikkelingsfunctie is. Hoewel de meeste aanpasbare instellingen werken zoals verwacht, kunnen een paar combinaties resulteren in vreemd uitziende tabellen.
Hier is een lijst met combinaties die je moet vermijden voor de best mogelijke tabelresultaten:
- Randdikte van vijf of hoger voor randstijlen met streepjes en stippen
- Verwijderde header-teksten verliezen permanent hun stijlen
Een andere overweging waarmee je rekening moet houden bij het gebruik van het tabel-inhoudsblok is ervoor te zorgen dat je verifieert hoe jouw ontwerp met de tabel er in de mobiele modus uitziet. Soms kunnen te veel kolommen in een tabel resulteren in een mobiele ontwerpweergave die niet ideaal is of wordt weergegeven zoals bedoeld.
We hebben nog geen mobiele stijleigenschappen voor het tabel-inhoudsblok. Als je een voorbeeld van de mobiele versie van jouw tabelontwerp bekijkt en deze er niet ideaal uitziet, kun je verder gaan met een van de twee opties:
- Gebruik de functie Verbergen op desktop/mobiel
- Bewerk jouw tabel binnen uw ontwerp en test de mobiele preview opnieuw
Voor meer informatie over hoe je ervoor kunt zorgen dat jouw tafel compatibel is op mobiele apparaten, lees je ons artikel over de mobiele ontwerpmodus.
Opmerkingen
0 opmerkingen
U moet u aanmelden om een opmerking te plaatsen.