Wanneer gebruikers inloggen in je managementsysteem, is het van groot belang dat ze direct kunnen vinden waar ze naar op zoek waren. We maken daarom een tegel dashboard voor de gebruiker zodat hij, wanneer hij inlogt, direct tegels ziet naar de meest gebruikte functies.
Daarnaast maken verschillende afdelingen gebruik van verschillende functies en willen ze andere zaken monitoren. Je kunt daarom ook tabbladen toevoegen zodat je voor iedere afdeling een eigen tabblad kunt maken. Tot slot kun je bepaalde tegels ook verbergen voor bepaalde gebruikersgroepen. hierdoor kan het dashboard modulair worden opgezet.
Een tegel dashboard opzetten
Als je een template hebt, dan open je de template editor:
Je klikt vervolgens rechts boven op de instellingen knop en gaat dan naar het tabblad Dashboards
Hier kies je voor het dashboard type Tegel dashboard.
Vervolgens klik je rechts onder op Toevoegen om een nieuw tegeldashboard aan te maken.
Zodra je dit doet wordt je gevraagd een naam op te geven voor die nieuwe tegeldashboard. Dit kan iedere naam zijn die je wilt en kun je later altijd nog aanpassen.
Zodra je dit gedaan hebt, klik je op de checkbox bij het tegeldashboard om hem te koppelen aan je template.
Je sluit de popup en slaat de template op.
Zodra je de browser ververst, vindt je onder Dashboards je dashboard:
Tegel dashboard instellingen
Om je tegeldashboard te bewerken klik je bovenin op Bewerk.
Zodra je dit doet, kom je in de bewerk-modus van je tegeldashboard.
Hier vindt je aan de rechterkant de instellingen van het dashboard zelf:
Hiermee kun je allerlei instellingen aanpassen zoals:
- De titel: Dit is de naam van het dashboard zoals hij ook in het linkermenu verschijnt
- Icoon: Je kunt je dashboard een icoon geven voor herkenbaarheid
- Kleur: Deze kleur wordt gebruikt in combinatie met het icoon
- Aantal kolommen: Vanaf Professional suite is het mogelijk om meer dan 4 kolommen te hebben. Deze kolommen doelen op het aantal kolommen dat het grid heeft waarin tegels geplaatst worden. In bovenstaande voorbeeld heeft het dashboard 6 kolommen en gebruikt iedere tegel 2 kolommen breedte.
- Is mobiel dashboard: Zodra je dit activeert, verschijnt je dashboard in de app. Je kunt meerdere tegeldashboards hebben, maar je kunt maar één mobiel tegeldashboard hebben
- Volledig scherm: Normaal gesproken zit er ruimte tussen het linkermenu en het bovenmenu en het tegeldashboard. Als je dit niet wilt, omdat je maximaal gebruik wilt maken van de beschikbare ruimte, dan kun je dit hiermee uit zetten.
Tabbladen toevoegen
Zodra je dashboard opgezet is, kun je tabbladen toevoegen. Dit is niet persé nodig, maar is over het algemeen wel handig.
Meestal is het eerste tabblad een soort "Home" tabblad. Dit is het eerste dat mensen zien wanneer ze inloggen en dus worden hier meestal tegels op gezet die verwijzen naar de meest gebruikte functies. Zoals het melden van een issue. Het starten van een toolbox of het tonen van bepaalde procedures.
Daarnaast worden er vaak tabbladen toegevoegd voor bepaalde afdelingen.
Wat hierbij interessant is, is het feit dat je tegels kunt verbergen voor mensen die niet in een bepaalde groep zitten.
En als een gebruiker geen enkele tegel mag zien op een tabblad, dan ziet hij het hele tabblad niet.
Op die manier kun je je dashboard dus modulair maken.
Een tabblad toevoegen
Je kunt een tabblad toevoegen door rechts op het slotje te klikken.
Wanneer je dit doet, kun je op de plus knop klikken om een nieuw tabblad toe te voegen:
Zodra je dit doet, wordt je gevraagd om je nieuwe tabblad een naam te geven. Je kunt dit nadien altijd nog aanpassen.
Zodra je dit gedaan hebt wordt je tabblad toegevoegd.
Een tabblad publiceren
Zodra je een tabblad gemaakt hebt, is deze in de eerste instantie nog Concept. Dat wil zeggen dat deze alleen zichtbaar is in bewerk modus. Gebruikers die het dashboard bekijken zullen dit tabblad dus niet zien. Wanneer je klikt op Concept dan krijg je de vraag of je het tabblad wilt publiceren. Als je hier Ja op zegt, dan wordt het tabblad Gepubliceerd en wordt het daarmee zichtbaar voor andere gebruikers.
Wanneer je klikt op Gepubliceerd, dan kun je het tabblad ook weer terug in Concept plaatsen.
Een tabblad aanpassen
Wanneer je rechts boven op het slotje klikt, kun je de tabbladen bewerken. Zodra je dit doet kun je:
- De titel wijzigen, door op het tabblad te klikken.
- Het tabblad verplaatsen: door op de pijlen voor en na de titel te klikken.
Een tabblad verwijderen
Wanneer je rechts boven op het slotje klikt, kun je de tabbladen bewerken. Zodra je dit doet kun je een tabblad openen en vervolgens op het prullebak icoontje klikken om het tabblad te verwijderen:
Tabbladen linken
Je kunt op je tabblad ook link tegels toevoegen die linken naar een ander tabblad. Meer hier over vindt je hier onder, maar dit stelt je in staat om een soort menu te maken met behulp van tabbladen en tegels.
Tegels toevoegen
Het toevoegen van een tegel doe je door op de groene plus knop te klikken:
Wanneer je dit doet wordt je gevraagd een naam te geven aan je tegel.
Zodra je dit gedaan hebt, wordt de tegel toegevoegd.
Tegels bewerken
Je kunt de tegel bewerken door op het pennetje te klikken rechts boven in de tegel:
Wanneer je dit doet, zie je niet langer de dashboard instellingen in de sidebar, maar nu de tegel instellingen.
De instellingen die beschikbaar zijn zijn afhankelijk van het tegel type.
Maar een aantal instellingen zijn altijd beschikbaar. Dit zijn:
- Type: Hiermee bepaal je het tegel type (knop, formulier, grafiek etc)
- Titel: Dit is de titel die bovenin de tegel zichtbaar is
- Tegel breedte: Hiermee kun je aangeven hoeveel kolommen de tegel in beslag moet nemen
- Tegel hoogte: Hiermee kun je aangeven hoeveel rijen de tegel in beslag moet nemen
- Verberg op mobiel: Hiermee kun je bepaalde tegels verbergen in de mobiele versie van het dashboard
- Gebruikersgroepen whitelist: Hiermee kun je aangeven dat je in een bepaalde groep moet zitten om deze tegel te mogen zien.
Tegels vergroten, verkleinen en verplaatsen
Je kunt tegels vergroten doormiddel van de instellingen. Maar je kunt dit ook doen door op het pijltje te klikken rechts onderin de tegel en deze te verslepen.
Je kunt de tegel verplaatsen door op de titel van de tegel te klikken en te slepen naar de plek waar je deze wilt hebben.
Tegel types
Er zijn tal van tegel types die je kunt gebruiken. Meer hierover lees je in de volgende artikelen.