Met deze component zet je een afbeelding en tekst naast elkaar. Het tekstgedeelte bovenin werkt op vrijwel dezelfde manier als de alinea-component en het toevoegen van een afbeelding werkt net als bij de afbeelding-component.

Er zijn drie typen 'gedrag' die je kunt kiezen om de afbeelding en tekst naast elkaar te zetten. Daarnaast kun je ook nog de positie (links of rechts) van de afbeelding kiezen en hoe breed de afbeelding getoond moet worden. Op mobiele apparaten wordt de afbeelding altijd onder de tekst getoond.

Hieronder zie je de drie voorbeelden hoe het gedrag van deze component kan worden ingesteld.

Met de call-to-action component voeg je knoppen of 'Lees meer' links toe aan een pagina. Deze component vul je als volgt in:

• Link-tekst: Hier vul je de tekst in die in de knop of link komt te staan. Bijvoorbeeld 'Lees het nieuwsbericht op onze website'.
• Externe link: Klik deze optie aan als je een link wilt toevoegen naar een pagina buiten jouw eigen installatie. Als je deze optie aanklikt, verschijnt er een veld waarin je de url van de pagina invult. Let erop dat je de volledige url invult, te beginnen met https://.
• Doel: kies deze optie als je wilt linken naar een andere pagina binnen je rapport. Je krijgt nu de paginaboom te zien. Selecteer de gewenste pagina of de gewenste component binnen een pagina.
• Zoekmachines mogen deze link volgen: vink deze optie uit als de gelinkte pagina niet geïndexeerd mag worden door zoekmachines.
• Open link in modal: vink deze optie aan wanneer je de gelinkte pagina wilt openen in een modal.

Met de doelstelling-component laat je zien hoe ver je bent met het realiseren van bepaalde doelstellingen.
Een voorbeeld: als woningcorporatie heb je als doel dat in 2027 100% van de woningen energielabel A of B hebben. Je rapporteert nu over het jaar 2024 en in dit jaar heb je 62% van dit doel behaald. Je vult de doelstellingcomponent dan als volgt in:

• Titel: in dit voorbeeld 'Aantal woningen met energielabel A of B'.
• Icoon: in dit geval is er een icoon met een label toegevoegd.
• Waarde: dit is de waarde die je wilt laten zien in dit verslag. In dit geval is het 62, het cijfer dat je rapporteert in het verslag van 2024.
• Eenheid: in dit voorbeeld gaat het om een percentage.
• Waardeomschrijving: dit is in dit voorbeeld leeggelaten. Vul je hier iets in, dan komt dit direct achter de waarde en de eenheid te staan.
• Start- en eindwaarde: je deze waarden invullen, maar dat is niet verplicht. Als je dit leeg laat, worden de waarden ingevuld aan de hand van de doelen.
• Doelen: Hier voeg je extra doelen toe die in de tijdlijn worden weergegeven. In dit geval zijn er 2 'doelen' toegevoegd, namelijk de start van de meting en het uiteindelijke doel. Voor doel 1 is ingevuld: waarde: 35, tijd: 2019. Om aan te geven dat in 2019, toen dit doel werd geformuleerd, 35% van de woningen label A of B hadden. Het tweede doel heeft waarde: 100 en tijd: 2027. Om aan te geven dat in 2027 100% van de woningen label A of B moet hebben.

De component ziet er nu zo uit:

In de component heb je de mogelijkheid om een introductietekst onder de titel toe te voegen en om per doel een korte beschrijving toe te voegen. 

Met de component Handtekening geef je aan waar de handtekeningen gezet kunnen worden. Deze component wordt vooral gebruikt voor jaarverslagen. Er zijn vier velden beschikbaar die je kunt tonen:

• Naam
• Functie
• Datum
• Plaats

Vink de opties aan om deze weer te geven. Vervolgens heb je de mogelijkheid om deze opties alvast in te vullen, of om deze leeg te laten zodat dit ingevuld kan worden door de ondertekenaar.

Daar is er nog het veld 'Toon w.g. (was getekend)'. Deze toont 'w.g.' onderaan de handtekening-component.

Een voorbeeld van een volledig ingevuld en een 'leeg' Handtekening-component vind je hieronder:

Vervolgens vul je de component in. Vul in ieder geval een titel in, de huidig periode en een cijfer voor de voorgaande periode. In onderstaand voorbeeld hebben we een cijfer uit de Aedes Benchmark gehaald en die als kerncijfer toegevoegd. 

Je kunt ervoor kiezen om een maximale waarde te tonen. In het geval van een rapportcijfer zet je hier als waarde 10 neer. Gebruik je percentages, zet de max. dan om 100. Je hoeft dit veld niet verplicht in te vullen. 

Verder kun je nog een link toevoegen naar een pagina met meer info en/of een icoon erbij plaatsen. Hieronder zie je hoe de component in het CMS is gevuld en hoe deze aan de voorkant wordt getoond:

Met de component Kolommen zet je meerdere componenten naast elkaar. Deze component had eerder de naam 'flex-grid'. In onderstaande video wordt uitgelegd hoe de component werkt.

Met de KPI component laat je op een overzichtelijke manier belangrijke statistieken of onderdelen zien. In deze component kun je meerdere KPI's tonen. Hieronder zie je een voorbeeld van de KPI component met drie KPI's.

Visuele scheidingslijn (pagina-scheiding met afbeelding)

Deze optie is meer grafisch en kan naast de afbeelding ook nog een titel en subtitel bevatten. Ook kan de hoogte ervan worden ingesteld.

Hieronder zie je een voorbeeld van een visuele pagina-scheiding:

Met de QR-code component voeg je een QR-code toe die linkt naar:

• URL van de publicatie
• URL van het hoofdstuk
• URL van de pagina
• Een eigen url

Deze component is alleen beschikbaar voor de PDF-versie van een rapport.

Met deze component voeg je een voetnoot toe onder elk gewenst component. Tabellen en grafieken hebben al een veld voor voetnoten, maar de overige componenten hebben dit niet. Daar is deze component voor.