Differences

This shows you the differences between two versions of the page.

--- handleiding_nieuw:sub_dashboards [2025/06/11 14:06] – support
+++ handleiding_nieuw:sub_dashboards [2025/06/11 19:08] (current) – support
@@ Line 27: / Line 27: @@
 <h2>1. Navigatie naar de dashboards</h2>
 <p>In het hoofdmenu kies je voor <strong>dashboards</strong>, met daarnaast een knop voor de <em>projectselector</em>. Deze laatste gebruik je om data uit projecten te selecteren en te koppelen aan het dashboard.</p>
-<div style="flex: 1; min-width: 350px; text-align: right;">
+<div style="flex: 1; min-width: 350px; text-align: left;">
   <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:dashboard_menu.jpg" alt="Menu dashboards" style="width: 100%; max-width: 480px; height: auto;">
 </div>
@@ Line 34: / Line 34: @@
 <p>In de projectselector kun je per project, groep of map selecteren welke projecten zichtbaar moeten zijn in het dashboard. Selecteer de projecten, kies desgewenst voor <em>gegevens downloaden</em> (voor Excel-export), en klik op <strong>Submit</strong> om de data door te zetten naar het dashboard.</p>
 <div style="flex: 1; min-width: 450px; text-align: right;">
-  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:projectselectie.jpg" alt="Projectselectie interface" style="width: 100%; max-width: 720px; height: auto;">
+  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:projectselectie.jpg" alt="Projectselectie interface" style="width: 100%; max-width: 900px; height: auto;">
 </div>
 <p>Alleen projecten die met dit account geselecteerd zijn, worden weergegeven in de dashboards. Gebruik dus altijd het juiste dashboardaccount voor selectie én weergave.</p>
@@ Line 45: / Line 45: @@
 <p>In de omgeving staan meerdere voorbeeldprojecten klaar, waarmee gebruikers het dashboard kunnen testen. Deze vind je onder de map <em>Voorbeeldprojecten</em> in de projectselector:</p>
 <div style="flex: 1; min-width: 450px; text-align: right;">
-  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:projectselectie2.jpg" alt="Voorbeeldprojecten" style="width: 60%; max-width: 640px; height: auto;">
+  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:projectselectie2.jpg" alt="Voorbeeldprojecten" style="width: 100%; max-width: 400px; height: auto;">
 </div>
 <h2>4. Overzicht van beschikbare dashboards</h2>
 <p>Onderstaande tegelstructuur geeft een overzicht van alle beschikbare dashboards binnen jouw Sumsonite-omgeving. Standaard is alleen het dashboard <strong>Verschillen</strong> actief, maar er kunnen in totaal 18 dashboards worden toegevoegd — door jou als gebruiker of op maat gemaakt door het Sumsonite-team.</p>
-<div style="flex: 1; min-width: 450px; text-align: right;">
-  <a href="/doku.php?id=handleiding_nieuw:dashboards:verschillen">Sumsonite Verschillenanalyse →</a></p> alt="Dashboardoverzicht klikbaar" style="width: 100%; max-width: 720px; height: auto;">
+<!-- Interactieve afbeelding met klikbare tegel (tegel 1) -->
-  </a>
+<div style="flex: 1; min-width: 350px; text-align: left;">
+  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:dashboard_menu_3.jpg"
+       alt="Overzicht dashboards"
+       usemap="#dashboardmap"
+       style="width: 100%; max-width: 900px; height: auto;">
+  <map name="dashboardmap">
+    <!-- Coördinaten van tegel 1 (verhouding op basis van afbeelding) -->
+    <area shape="rect" coords="15,70,190,230" href="/wiki/doku.php?id=handleiding_nieuw:dashboards:verschillen.txt" alt="Verschillenanalyse">
+  </map>
 </div>
 <p>Klik op een dashboard-tegel om direct door te gaan naar de betreffende toelichting en visualisaties.</p>