Advanced Filters Add-on
Met de Advanced Filters Add-on is het mogelijk om filters in een widget te tonen aan gebruikers. Zij hoeven dan niet meer het filterpaneel uit te klappen om daar gebruik te maken van de diverse filters. Daarnaast biedt de Add-on diverse stylingsmogelijkheden en verfijning van de filter opties.Bekijk hier de video-toelichting
Gebruik van de Advanced Filters Add-on
1. Om gebruik te maken van de add-on maak je een widget aan en selecteer je het type Advanced Filters.
-
Voeg vervolgens de velden toe die je in de widget terug wil zien. Deze filters worden automatisch ook op dashboard-niveau toegevoegd. Er is geen limiet op het aantal filters. Let er wel op dat meer filters kan leiden tot een onoverzichtelijke widget
-
Aan de rechterzijde onder het tabblad Ontwerpen kun je per toegevoegd veld een optiemenu terug vinden. Hier kun je vervolgens elk veld naar wens instellen.
-
Druk vervolgens op toepassen om de widget op te slaan.
Hoe configureer ik een filter
Elk toegevoegd veld kun je naar wens instellen. De volgende opties kun je instellen:| Optie | Toelichting |
|---|---|
| Placeholder | Dit is de tekst die wordt getoond wanneer de gebruiker nog niet heeft gefilterd |
| Lock Filter | Hiermee wordt het filter vergrendeld en kan hierdoor niet meer gewijzigd worden door de gebruiker |
| Visible | Hiermee wordt het filter verborgen in de widget. |
| Reset Button | Hiermee wordt een herstel-icoon getoond in de filter indien de gebruiker gebruik heeft gemaakt van het filter. Ze kunnen dan eenvoudig terug naar de staat zoals de ontwerper die heeft ingericht |
| Reset to Dashboard’s Default Filter | Wanneer dit aanstaat wordt bij het herstellen van het filter, de filterwaarde gebruikt zoals die op het dashboard-niveau staat ingericht. Je kunt dit gebruiken indien je het dashboard voorfiltert. |
| Selection Mode | Je kunt hiermee aangeven hoe de gebruiker de filters ziet; Enkel Keuze (single selection, Meerkeuze (multi selection), Kalenderweergave (Date range) |
| Parent | Hiermee kun je de afhankelijk instellen. Bij een afdelingsfilter kun je hier bijv. Locatie opgeven. Wanneer Locatie A is geselecteerd, dan zal dit veld alleen afdelingen van A tonen i.p.v. alle afdelingen. |
| Override Dropdown Styles | De styling van de filter kan centraal geregeld worden. Indien je hiervan wilt afwijken, kun je dat hier aangeven. |
Overige opties
General
| Optie | Toelichting |
|---|---|
| Widget Background Color | Hiermee kun je de achtergrondkleur bepalen van de widget |
| Content Padding | Hiermee kun je de afstand/ruimte tot het einde van de widget bepalen |
| Checkbox Behaviour | Wanneer er niet gefilterd is, moeten dan alle opties aangevinkt zijn (selected) of uitgevinkt getoond worden (not selected) |
| Filter dependency | Zijn alle filters afhankelijk van elkaar (All filters) of wordt dit op veld-niveau bepaald (Custom) |
| Lazy Load | Worden alle opties geladen en getoond (none), worden ze geladen wanneer de gebruiker verder in de lijst scrollt (All) of wordt dit op veld-niveau bepaald (Manual) |
| Select all text | Welke tekst moet er getoond worden wanneer alles geselecteerd is. |
| Empty Text | Welke tekst moet er getoond worden wanneer niks geselecteerd is |
| Date Format | Hoe moet een datum opgemaakt zijn |
PDF Render
Je kunt hier aangeven hoe de widget getoond moet worden in de PDF-export. Dit kan geheel verborgen worden of kan de geselecteerd filters tonen. De weergave kun je hier vervolgens opmaken.
Filters layout
| Optie | Toelichting |
|---|---|
| Direction | Hiermee kan de tekst uitgelijnd worden LTR(links naar rechts) of RTL (rechts naar links) |
| Placement | Bepaald de uitlijning. Gecentreerd of rechts/links |
| Dropdown Width | Hiermee kan de breedte bepaald worden van het uitklapmenu |
| Show Seperator | Hiermee wordt een scheidingslijn getoond tussen de rijen |
| Centralize last row | Hiermee wordt de onderste rij gecentreerd |
| Dropdown spacing | Hiermee wordt de ruimte tussen filters in een rij bepaald |
| Rows spacing | Hiermee wordt de ruimte tussen filterrijen bepaald |
| Max filters in row | Hiermee kan aangegeven worden hoeveel filters er maximaal op een rij mogen zijn. 1 zorgt voor een verticale layout. |