Het bouwen van een pop-up sectie voor een KPI

Het bouwen van een pop-up sectie voor een KPI

Introductie

Een KPI kun je op verschillende manieren in InTouch tonen. Op moment dat je een ViewTemplate kiest zonder Trend kun je een trend in InTouch ook in een pop-up tonen. Aan het eind van dit artikel weet je hoe je dit in InTouch kunt bouwen.

Uitgangspunt

In het volgende voorbeeld is het ViewTemplate voor de weergave van een KPI tegel "Status Icoon Tegel XL":



Door een PopupSectie te definiëren bij de Pagina Indeling van de Pagina waar bovenstaande KPI's op gepresenteerd worden, kunnen we ervoor zorgen dat een klik op "Verzuim Percentage" resulteert in een pop-up met een trend.

Voeg een PopupSectie toe

Navigeer naar Pagina > Pagina Indeling. Klik links onder de Pagina slicer op (in het geval van dit voorbeeld) 'Dashboard HR (adviseur)'. Begin met een nieuwe regel en vul deze als volgt:
Idea
Je hoeft hiervoor niet eerst op + Regel toevoegen te klikken, dat doe je als je gelijk een tweede of derde regel wil toevoegen. Je kunt direct starten met het invullen van je eerste regel
  1. Page: Dashboard HR (adviseur) (deze is al gevuld door je klik hierboven)
  2. PageSection: PopupSectie01
  3. ViewTemplate: Trendgrafiek basis 5XL
  4. DataSet: KPI-set HR (hetzelfde als bij de al bestaande PaginaSectie01)
  5. TrendType: Begin jaar t/m huidige periode
  6. OutputType: zelf
  7. KleurStyle: wit met score accent
  8. Icoon/Icoon: kies een tekstueel icoon (dit is nu nog dubbel en het tekst overruled plaatje - precies andersom dan bij de Pagina)
  9. ConnectedConnectedDataSet: 01 – Realisatie & Doel
  10. ConnectedConnectedPageSection: PaginaSectie01
  11. BehaviorOnClick: Niet van toepassing
  12. Tonen: [x]
Met de kolommen die hierboven niet genoemd staan doe je niets. Sla de regel op. De combinatie van een PaginaSectie en een PopupSectie (en het feit dat je ze koppelt via de ConnectedPageSection) maakt dat je de pop-up bij een KPI kunt openklikken.

Het resultaat

Een klik op de titel "Verzuim Percentage" geeft als resultaat de volgende pop-up: