voorbeeld van Controls van Coda.

Coda & Controls

Christiaan Huizer
4 min readMar 25, 2020

De term ‘Controls’ is een verzamelnaam en ze verwijst naar verschillende mogelijkheden om gegevens te presenteren via een selectie. Een bekende is een knopje boven een tabel waarmee je bijvoorbeeld producten in een tabel kan filteren. Controls maken je document gebruiksvriendelijker en dat maakt het de moeite waard je er in te verdiepen. Ik vond het verwarrend dat je een control kan aanmaken ergens op je canvas om daarna voor de aansturing van deze control naar de tabel zelf te moeten gaan. Vandaar dat ik besloot er een blog aan te wagen.

Wat zijn controls?

van zodra je de / intypt gevolgd door controls (helemaal intypen, eerst zie je namen van templates die lijken op wat je intypt) krijg je een lijstje zoals hieronder.

We gaan kiezen voor de select

Voorbeeld

Eerst geven we deze control (de select button) een naam. Ik noem ze hier Thee. Vervolgens kiezen we bij ‘selectable Items’ voor een formule. Rechtsboven het blokje. Dat klinkt ingewikkelder dan het is. Coda is sterk in het tonen van slimme suggesties en eens je weet dat een ‘punt’ verbindend werkt, ben je vertrokken. Het mooie van Coda hier is dat ze direct tonen wat de inhoud van je selectie is, zo zie je of je je niet vergist van kolom. Vervolgens kies ik voor de toggle ‘multiple selections’ en sluit ik dit venster.

Ik heb nu een Control aangemaakt en klik ik nu op de button (met de naam ‘none’) dan krijg ik een overzichtje van de theenamen uit de tabel. Echter hiermee hebben we wel een lijstje, maar nog geen slim lijstje. Het doet nog niets. Ik dien een verbinding te maken met de tabel en dat doe ik door naar de filter optie te gaan in de tabel waaruit ik het nog dommige lijstje heb gehaald. Dit is het moment dat we de brug dienen te maken tussen de knop op het canvas en de tabel. Je kiest voor ‘Add Filter’ en je kunt dan de optie aangeboden om items aan te vinken. Echter we hebben geen statische filter nodig, maar een dynamische filter en daarom kiezen we bij ‘is any of’ (vind je onder de tabelnaam in de filter) . Zie hieronder.

En eenmaal je gekozen hebt voor de ‘use interactive filter’ optie, krijg je de een overzicht van de controls die je hebt aangemaakt. In ons geval is dat er één en deze vinden we dan ook keurig terug. We kiezen deze control en keren terug naar de tabel die we nu verbonden hebben met de control.

Als je nu naar je tabel gaat, zie je dat deze leeg is. Dat komt doordat de controler op ‘None’ staat. Echter vanaf dat je kiest voor één of meerdere items verandert dat. Je kunt ook meerdere controllers kiezen en zo interactieve filters bouwen. Met dat Coda de mogelijkheid biedt om gratis gebruikers toe te voegen die zelf niets kunnen wijzigen aan de inhoud van een doc, kun je zodoende tabellen verslimmen voor deze doelgroep.

Ik gebruik deze controllers ook om mijn klanten op een speelse manier toegang te geven tot de uitkomst van berekeningen. Ze kiezen dan het product of de producten in een overzichtstabel en krijgen zo een mooi overzicht, de samenvatting. Ik kan alles bij elkaar houden en de klanten zien het deel dat hen interesseert. Via deze link vind je de beknopte uitleg van Coda in het Engels en de immer vriendelijke Maria legt het ook hier uit in een Video:

Wel, ik hoop dat je na dit gelezen te hebben, zelf slimme filters kan maken voor je eigen toepassingen.

Mijn naam is Christiaan Huizer en ik ben eigenaar van Huizer Automatisatie. In mijn rol als bedrijfsadviseur ben ik vooral actief in het midden en klein bedrijf in Wallonië, Brussel, Vlaanderen en Nederland. Mijn klanten vragen me vooral om hun bedrijf voordelig te vereenvoudigen en versnellen. Ik maak daarbij gebruik van tools als AirTable, Coda, Zapier, MailJet en TypeForm.

Huizer Automatisatie over Controls

--

--

Christiaan Huizer
Christiaan Huizer

Written by Christiaan Huizer

I write about how to Coda . You find blogs for beginners and experienced makers. I publish about 1 / week. Welcome!

No responses yet