Swing Mosaic - Custom tabellen

• Inleiding
• Een custom tabel toevoegen
• De tabelcode opbouwen
  • Voorbeeld van een CSV in kladblok
• Kolommen uitlijnen en een breedte geven
• Tabelcellen samenvoegen
• Tekstopmaak met HTML
• Een tabel met get-statements
• Controleren en aanpassen

Inleiding

Een custom tabel is handig wanneer u informatie overzichtelijk in rijen en kolommen wilt tonen, maar de beschikbare standaardvisualisaties niet goed passen. U bepaalt zelf de inhoud, de rijtypen en de uitlijning. De tabel kan vaste waarden bevatten, maar ook get-statements gebruiken.

Een custom tabel toevoegen

1. Open het dashboard in Swing Mosaic.
2. Kies Add tile.
3. Ga naar Custom en kies Table.
4. Vul bij de instellingen eventueel een titel, subtitel, bron en voettekst in.
5. Bouw de tabel op in het veld Table content code.

Ook de titel, subtitel, bron, voettekst en tabelinhoud kunnen vaste tekst of get-statements bevatten.

De tabelcode opbouwen

De tabelcode is een tekstbestand met één tabelrij per regel. De waarden binnen een rij worden gescheiden door puntkomma’s (;).

Bouw de tabel eerst op in Excel en sla deze op als CSV, u kunt de inhoud in een teksteditor bekijken.. Kopieer de CSV-tekst vervolgens naar Table content code.

De eerste cel is een speciale startmarkering: x. De overige cellen op de eerste regel beschrijven de kolommen. In de eerste kolom van de volgende regels staat welk type rij het is.

Voorbeeld van een CSV in kladblok

x;c;c;c
h;Onderdeel;Aantal;Toelichting
r;Ontvangen;12;Bestanden zijn aangeleverd
r;Goedgekeurd;9;Voldoet aan de controles
t;Totaal;21;Totaal aantal bestanden

Dit voorbeeld bevat drie kolommen: Onderdeel, Aantal en Toelichting. De regels met r zijn gewone gegevensrijen. De regel met t is een totalenrij.

Zorg dat iedere regel hetzelfde aantal kolommen heeft. Een lege cel laat u leeg tussen twee puntkomma’s. In het voorbeeld is de derde cel van de totalenrij leeg:

t;Totaal;21;

Kolommen uitlijnen en een breedte geven

U kunt een kolomcode uitbreiden met een instelling voor uitlijning of breedte.

Zet deze codes op de eerste regel, op de plek van de betreffende kolom. Bijvoorbeeld:

x;c.l;c.r25;c
h;Onderdeel;Aantal;Toelichting
r;Ontvangen;12;Bestanden zijn aangeleverd
r;Goedgekeurd;9;Voldoet aan de controles

Hier staat de eerste kolom links uitgelijnd en de tweede kolom rechts uitgelijnd, met een breedte van 25% van de tabel.

Tabelcellen samenvoegen

Voor het samenvoegen van cellen zijn er twee codes:

• #cspan# voegt kolommen samen.
• #rspan# voegt rijen samen.

Gebruik deze codes in de cel waar de samenvoeging moet beginnen. Controleer na het invoeren of de tabel nog de gewenste indeling heeft.

Tekstopmaak met HTML

In tabelcellen kunt u eenvoudige HTML-opmaak gebruiken. Enkele ondersteunde tags zijn:

Voorbeelden

<strong>Let op:</strong> controleer de gegevens.
We moeten dit <em>vandaag</em> afronden.
Bezoek de <a href="https://abfresearch.nl" target="_blank">ABF Research-website</a>.
<span style="color: white; font-size: 12px; background-color: blue;">Belangrijke melding</span>
<h2> geschreven met h2</h2>
<h4> geschreven met h4 </h4>

Gebruik HTML-tags met een begin- en eindtag waar dat van toepassing is. Zo blijft duidelijk op welke tekst de opmaak slaat.

Een tabel met get-statements

Custom tabellen kunnen zowel vaste tekst als get-statements bevatten. Dat geldt voor de tabelcellen en voor de titel, subtitel, bron en voettekst. Gebruik voor een get-statement de syntax die u ook elders in Swing gebruikt. 
Meer informatie over get statements kunt u hier vinden.

Controleren en aanpassen

Controleer na het plakken van de tabelcode in Mosaic of:

• alle kolommen en rijen op de juiste plek staan;
• kopregels en totalen als het juiste type worden weergegeven;
• tekst en getallen goed zijn uitgelijnd;
• lege cellen geen verschuiving veroorzaken;
• samengevoegde cellen en HTML-opmaak goed worden getoond;
• de tabel ook bij de beschikbare tegelbreedte leesbaar blijft.

Als de tabel niet goed wordt weergegeven, controleer dan eerst de scheidingstekens, het aantal cellen per regel en de codes in de eerste regel en eerste kolom.