# Kalender

Das Kalender-Widget zeigt den Status eines ausgewählten, über einen Tag verteilten Assets an. Das Kalender-Widget ist speziell dafür entwickelt, die Auslastung von Räumen darzustellen.

<div data-full-width="true"><figure><img src="https://3489494878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GvUpaatBiReR43XFSMg%2Fuploads%2FHOGNSVdTLdG5t4ghFUrj%2F112CBDA3-6695-4BF8-9193-B787E0E4C934.png?alt=media&#x26;token=140323ed-ee44-4b66-b344-e811961ccc85" alt=""><figcaption><p>Das Kalender-Widget.<br>Von oben nach unten: Tagesansicht, Wochenansicht, Monatsansicht</p></figcaption></figure></div>

## Betrieb

<div data-full-width="true"><figure><img src="https://3489494878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GvUpaatBiReR43XFSMg%2Fuploads%2F54G5KyGUKBXnf5lKr14N%2F1F3DE6F7-53D9-44AF-85E5-544F911247B6.png?alt=media&#x26;token=a814a630-de01-4736-9c94-b6a4d43e1e2a" alt=""><figcaption><p>Monatsanzeige</p></figcaption></figure></div>

<table data-full-width="true"><thead><tr><th width="63.133321126302064"></th><th width="150.4000244140625"></th><th></th></tr></thead><tbody><tr><td><strong>[A]</strong></td><td>Widget-Titel</td><td>Titel des Widgets. Wird von der Auswahl des "Primär-Assets" beeinflusst.</td></tr><tr><td><strong>[B]</strong></td><td>Symbol</td><td>Symbol des Widgets</td></tr><tr><td><strong>[C]</strong></td><td>Eintrag</td><td>Zeiten, die als "belegt" gelten, werden als Eintrag im Widget hervorgehoben.<br>Bewegen Sie die Maus über einen belegten Eintrag, um Details anzuzeigen.</td></tr><tr><td><strong>[D]</strong></td><td>Gesamtzeit</td><td>Die gesamte Zeit, in der der Raum an einem Tag belegt war. Hinweis: Dieser Wert umfasst auch Zeiten außerhalb des angezeigten Zeitraums.</td></tr><tr><td><strong>[E]</strong></td><td>Tag</td><td>Name des Wochentags</td></tr><tr><td><strong>[F]</strong></td><td>Skala festlegen</td><td>Klicken Sie, um auszuwählen, ob ein Tag, eine Woche oder ein Monat angezeigt werden soll.</td></tr><tr><td><strong>[G]</strong></td><td>Weitere Optionen</td><td>Siehe -> Widget-Optionen</td></tr></tbody></table>

### Details anzeigen

Bewegen Sie die Maus über einen Kalendereintrag, um weitere Details zum entsprechenden Eintrag anzuzeigen.

<div data-full-width="true"><figure><img src="https://3489494878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GvUpaatBiReR43XFSMg%2Fuploads%2FIByLd9EDAyShpEAk8jKF%2FECE9845D-5FEA-42C4-865C-428B63A27195.png?alt=media&#x26;token=4a56e9cb-c4cf-4700-b244-eac07ee13a9d" alt=""><figcaption><p>Wenn die Maus über einen Eintrag im Kalender bewegt wird, wird der Eintrag hervorgehoben und Details werden angezeigt.</p></figcaption></figure></div>

## Konfiguration

{% @supademo/embed url="<https://app.supademo.com/demo/iGe9ya8ZTxs7kUI6FPMDu>" demoId="iGe9ya8ZTxs7kUI6FPMDu" fullWidth="true" %}

1. Stellen Sie sicher, dass Sie sich im Menü "Dashboard" befinden
2. Klicken Sie auf "Widget hinzufügen"
3. Klicken Sie auf "Ansicht"
4. Klicken Sie auf "Kalender"
5. Wählen Sie das Primär-Asset aus. Der Name dieses Assets wird in der Titelleiste des Widgets angezeigt.
6. Wählen Sie unter "Raum-Asset" das Asset aus, das Sie mit dem "Kalender"-Widget verknüpfen möchten.
7. Geben Sie an, ob das gesamte Wochenende oder nur die Wochentage im Widget berücksichtigt werden sollen.
8. Geben Sie Start- und Endzeit an. Die Zeit zwischen den beiden Werten wird im Widget angezeigt.
9. Wählen Sie aus, ob der aktuelle Wert oder der aggregierte Wert angezeigt werden soll.
10. Optional: Wählen Sie, wie viel Platz das Widget auf dem Dashboard einnehmen soll.
11. Klicken Sie auf "Widget hinzufügen"