> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/experience-components/ax-calendar.md).

# AX - Calendar

## Übersicht

**AX - Kalender** ist eine Experience-Cloud-Komponente, die Salesforce-Datensätze als Ereignisse in einer interaktiven Kalenderansicht auf Experience-Sites-Seiten anzeigt.

Verwenden Sie sie, um Portalbenutzern ihre Termine, geplanten Aufgaben, Veranstaltungsanmeldungen, Projektfristen oder andere datumsbasierte Datensätze anzuzeigen. Benutzer können Ereignisse nach Monat, Woche, Tag oder in Agenda-Form anzeigen und auf Ereignisse klicken, um Details anzuzeigen oder zu Datensätzen zu navigieren.

Perfekt für die Terminplanung von Kundenterminen, Veranstaltungskalender, Ansichten für Servicebuchungen, Projektzeitpläne oder überall dort, wo Portalbenutzer ihre datumsbezogenen Aktivitäten in einem visuellen Kalenderformat sehen müssen.

## Konfiguration

### Datenquelle

Dieser wichtige Schritt bei der Konfiguration Ihrer Avonni-Kalenderkomponente stellt die Verbindung zwischen Ihren Kalendereinträgen und den relevanten Daten in Ihrer Salesforce-Umgebung her.

Die Datenquelle bestimmt, welche Informationen Ihr Kalender anzeigt.

<figure><img src="https://2929066058-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2Fgit-blob-7fb68a719d452a22f8c6e08008334783620570c5%2F2024-04-23_08-55-49.png?alt=media" alt=""><figcaption></figcaption></figure>

Sie haben zwei Optionen, die Datenquelle zu verwenden

<table><thead><tr><th width="126">Option</th><th>Beschreibung</th><th>Bester Anwendungsfall</th></tr></thead><tbody><tr><td><strong>Manuell</strong></td><td>Geben Sie Ereignisse und Ressourcen manuell direkt in die Kalenderoberfläche ein.</td><td>Einmalige Ereignisse oder Situationen, in denen der Kalender nicht mit Ihren Salesforce-Daten verknüpft sein muss.</td></tr><tr><td><strong>Abfrage</strong></td><td>Rufen Sie Ereignis- und Ressourceninformationen automatisch aus Ihren Salesforce-Daten ab. Sie können eine benutzerdefinierte Abfrage erstellen, um Daten aus jedem Salesforce-Objekt anzuzeigen.</td><td>Wenn Ihr Kalender stets die aktuellsten Informationen aus Ihren Salesforce-Datensätzen anzeigen soll.</td></tr></tbody></table>

* **Manuell:**
  * Fügen Sie Ereignisse und Ressourcen direkt in der Kalenderoberfläche hinzu.
  * Nützlich für einmalige Ereignisse oder wenn Sie Daten nicht mit Salesforce verknüpfen müssen.
* **Abfrage:**
  * Rufen Sie Informationen direkt aus Ihren Salesforce-Daten ab.
  * Erstellen Sie eine benutzerdefinierte Abfrage, um Daten aus jedem Salesforce-Objekt im Kalender anzuzeigen.
  * Ideal, wenn Ihr Kalender aktuelle Informationen aus Salesforce widerspiegeln soll.

#### Konfiguration der Abfrage-Datenquelle

Um sicherzustellen, dass Ihr Avonni-Kalender die relevantesten Informationen anzeigt, müssen Sie konfigurieren, woher seine Daten stammen. Dieser Prozess umfasst die Auswahl des richtigen Salesforce-Objekts und optional das Anwenden von Filtern, Gruppierungen und Sortierungen, um die Ergebnisse zu verfeinern.

Lassen Sie uns die Schritte aufschlüsseln:

* **Objektauswahl:** Beginnen Sie mit der Auswahl des spezifischen Salesforce-Objekts (z. B. Ereignisse, Aufgaben, benutzerdefinierte Objekte usw.), das die Datensätze enthält, die Ihr Kalender anzeigen soll.
* **Optionale Filterung:** Wenn Sie nur eine Teilmenge der Daten aus dem ausgewählten Objekt anzeigen möchten, verwenden Sie die Filterfunktion, um bestimmte Bedingungen festzulegen. Sie können zum Beispiel filtern, um nur "Bestätigte" Ereignisse oder Datensätze innerhalb eines bestimmten Datumsbereichs anzuzeigen.
* **Gruppierung (optional):** Gruppieren Sie Ihre Daten, um Ihren Kalender effektiv zu organisieren. Beispielsweise trennt die Gruppierung nach einem Ressourcenfeld (z. B. einem Raum, Besitzer oder Team) Ereignisse in eigene Ressourcenzeilen.
* **Sortierung:** Wählen Sie ein Feld und eine Richtung für "Sortieren nach" (aufsteigend oder absteigend), um die Reihenfolge festzulegen, in der die Ereignisse angezeigt werden sollen.
* **Zusätzliche Felder:** Wenn Sie Felder in Ihren Kalender aufnehmen müssen, die nicht direkt für die Anzeige oder Interaktionen verwendet werden, fügen Sie sie im Abschnitt "Zusätzliche Felder" hinzu. Dies ist besonders nützlich für Felder, nach denen Sie in der Suchleiste des Kalenders suchen möchten.

### Datenzuordnung

Datenzuordnungen sind der Schlüssel dazu, dass Ereignisse aus Ihren Salesforce-Datensätzen korrekt in Ihrem Avonni-Kalender angezeigt werden. Stellen Sie es sich wie die Übersetzung von Informationen aus Salesforce in eine Sprache vor, die Ihr Kalender versteht.

**Wichtige Zuordnungen**

Hier ist eine Übersicht der gängigsten Zuordnungen, die Sie konfigurieren müssen:

* **Titel:** Das Salesforce-Feld, das den Ereignisnamen oder -titel enthält (z. B. "Betreff" beim Standardobjekt Ereignis).
* **Ressourcenname:** Das Feld, das angibt, welcher Ressource das Ereignis zugewiesen ist (z. B. ein Feld "Raum" für Raumreservierungen oder ein Feld "Besitzer" für Vertriebstermine). Wenn dies leer gelassen wird, werden alle Ereignisse zusammen angezeigt.
* **Von:** Das Salesforce-Feld, das das Startdatum und die Startzeit des Ereignisses enthält (z. B. "StartDateTime").
* **Bis:** Das Salesforce-Feld, das das Enddatum und die Endzeit des Ereignisses enthält (z. B. "EndDateTime").

**Beispiel:**

Wenn Sie einen Kalender für die Buchung von Besprechungsräumen erstellen, könnten Sie die folgenden Felder zuordnen:

* **Titel:** Besprechungsbetreff
* **Ressourcenname:** Raumname
* **Von:** Geplanter Beginn
* **Bis:** Geplantes Ende

### Allgemeine Einstellungen

**API-Name** ist eine eindeutige Kennung, mit der auf die Komponente verwiesen wird. **Startdatum** legt das Datum fest, an dem der Kalender geöffnet wird. **Starttag der Woche** legt fest, mit welchem Wochentag jede Woche beginnt, und **Zeitzone anzeigen** zeigt die Zeitzone des Kalenders an.

### **Ausgewählte Anzeige**

Der Avonni-Kalender bietet drei unterschiedliche Anzeigeformate, um verschiedenen Planungs- und Organisationsvorlieben gerecht zu werden. Jedes Format bietet eine einzigartige Möglichkeit, Ihre Ereignisse und Ressourcen anzuzeigen und mit ihnen zu interagieren.

<table><thead><tr><th width="178.33333333333331">Ausgewählte Anzeige</th><th width="267">Beschreibung</th><th>Bild</th></tr></thead><tbody><tr><td><strong>Kalender</strong></td><td>Dies ist die traditionelle rasterbasierte Ansicht, die die meisten Menschen mit Kalendern verbinden.</td><td><img src="https://2929066058-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2Fgit-blob-ede4a93ea9b7fb9a30cbd50715d67e0d1af34d36%2FCalendar%20Avonni%20Components.avif?alt=media" alt=""></td></tr><tr><td><strong>Agenda</strong></td><td>Jeder Eintrag in der Liste enthält Details zum Ereignis und ist chronologisch sortiert.</td><td><img src="https://2929066058-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2Fgit-blob-3513329427e41c240f42f8f293d578acd4ada902%2FCalendar%20Avonni%20Components%20(1).avif?alt=media" alt=""></td></tr><tr><td><strong>Zeitachse</strong></td><td>Bietet Benutzern eine lineare visuelle Darstellung ihres Zeitplans über einen auswählbaren Zeitraum.</td><td><img src="https://2929066058-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2Fgit-blob-5711968b672b44e361c2d06395275f5e7a728ffc%2FCalendar.avif?alt=media" alt=""></td></tr></tbody></table>

### Variante der Zeitachse

Der Avonni-Kalender bietet zwei Möglichkeiten, Ihre Zeitachsenansicht anzuzeigen:

* **Horizontale Zeitachse:**
  * Ereignisse werden horizontal über den Bildschirm angeordnet, wobei die Zeitachse von links nach rechts verläuft.
  * Ideal zur Visualisierung von Zeitplänen über einen längeren Zeitraum (z. B. Wochen oder Monate).
* **Vertikale Zeitachse:**
  * Ereignisse werden vertikal gestapelt, wobei die Zeitachse von oben nach unten verläuft.
  * Diese Ansicht eignet sich gut, um detaillierte Zeitpläne innerhalb eines Tages oder weniger Tage anzuzeigen.

### Versteckte Anzeigen

**Versteckte Anzeigen** verhindert, dass Benutzer bei der Interaktion mit dem Avonni-Kalender bestimmte Ansichten auswählen können. Wählen Sie eine beliebige Kombination von **Agenda**, **Kalender** und **Zeitachse** — jede von Ihnen ausgewählte Ansicht verschwindet aus dem Anzeigeschalter.

### ICS-Kalender

**ICS-Kalender** lädt Ereignisse aus ICS-Dateien. Fügen Sie für jeden Kalender einen Eintrag hinzu — entweder einen Link zur ICS-Datei oder die Content-Document-ID einer in Salesforce gespeicherten ICS-Datei — und dessen Ereignisse werden neben den Ereignissen aus der Datenquelle angezeigt.

Für einen Link muss die URL in Salesforce als Remote Site Setting registriert sein, andernfalls wird der Callout, der die Datei abruft, blockiert. Ein Link, der etwas anderes als eine ICS-Datei zurückgibt, wird abgelehnt. In beiden Fällen ist der Fehler für den Besucher ohne Meldung: Dieser Eintrag trägt keine Ereignisse bei, der Fehler gelangt nur in die Browser-Konsole, und der Rest des Kalenders — die anderen ICS-Einträge und die eigenen Ereignisse der Datenquelle — wird weiterhin gerendert. Prüfen Sie die Konsole, wenn ein ICS-Link scheinbar keine Daten liefert.

### Anpassen

Die Einstellung „Anpassen“ passt die Kalenderansicht automatisch an, sodass alle geplanten Ereignisse ohne Scrollen auf den Bildschirm passen. So funktioniert es und wann es am nützlichsten ist:

**So funktioniert es**

* Der Kalender verkleinert oder vergrößert seinen Zeitmaßstab, damit alle Ereignisse in die ausgewählte Ansicht (Tag, Woche usw.) passen.

**Vorteile**

* **Schneller Überblick:** Sehen Sie alle geplanten Ereignisse auf einen Blick.
* **Kein Scrollen:** Vermeiden Sie das Scrollen nach oben und unten, um Ereignisse zu finden.

**Zu beachten**

* Bei vielen Ereignissen oder auf sehr kleinen Bildschirmen kann die komprimierte Ansicht dazu führen, dass einzelne Ereignisdetails schwerer zu lesen sind.

### Symbolleistenoptionen

* **Titel der Symbolleiste:** Legen Sie einen benutzerdefinierten Titel für die Kopfzeile Ihres Kalenders fest. Dies hilft Benutzern, den Zweck des Kalenders zu verstehen (z. B. „Zeitplan des Vertriebsteams“, „Bevorstehende Ereignisse“ usw.).
* **Textstil des Titels der Symbolleiste:** Legen Sie die Typografie dieses Titels fest: Schriftfamilie, Größe, Stärke und Farbe.
* **Symbolleiste ausblenden:** Sie können die gesamte Symbolleiste ausblenden, um ein aufgeräumteres Erscheinungsbild zu erzielen oder den Anzeigeraum des Kalenders zu maximieren.

### Symbolleisten-Avatar

Der Abschnitt „Symbolleisten-Avatar“ ermöglicht es Ihnen, ein Bild oder eine Grafik zur Kopfzeile Ihres Avonni-Kalenders hinzuzufügen. Dies kann helfen, den Kalender zu personalisieren und eine visuelle Kennung bereitzustellen.

### **Attribute des Zeitraums**

des Avonni-Kalenders **Attribute des Zeitraums** bieten Flexibilität beim Anzeigen von Ereignissen und beim Verwalten Ihres Zeitplans. Wählen Sie aus diesen Optionen:

* **Tagesansicht:** Sie können sich auf einen einzelnen Tag konzentrieren oder sie so anpassen, dass mehrere aufeinanderfolgende Tage angezeigt werden (z. B. eine 4-tägige Arbeitswoche).
* **Wochenansicht:** Sehen Sie den Zeitplan einer ganzen Woche auf einen Blick.
* **Monatsansicht:** Erhalten Sie einen umfassenderen Überblick über den Monat mit der Möglichkeit, 2–4 Wochen gleichzeitig oder eine benutzerdefinierte Anzahl von Wochen anzuzeigen.

#### **So konfigurieren Sie Zeitspannen**

Jede Zeitspanne (Tag, Woche, Monat) hat ihre Einstellungen:

* **Beschriftung:** Geben Sie Ihrer Zeitspanne einen beschreibenden Namen (z. B. „Arbeitswoche“).
* **Icon-Name:** Wählen Sie ein visuelles Symbol, um die Zeitspanne schnell zu erkennen.
* **Einheit:** Wählen Sie aus, ob diese Zeitspanne Tage, Wochen oder Monate darstellen soll.
* **Spanne:** Legen Sie die Anzahl der anzuzeigenden Einheiten fest (z. B. 5 Tage, 2 Wochen).

#### **Kopfzeilen der Zeitachse (nur Zeitachsenansicht)**

Passen Sie die Kopfzeilen Ihrer Zeitachsenansicht fein an, um die für Sie wichtigsten Informationen anzuzeigen, z. B. Wochennummern, Daten oder Monate.

### **Verfügbare Zeiten**

Der Abschnitt „Verfügbare Zeiten“ bietet mehrere Optionen, um die Zeiträume anzupassen, die in Ihrem Kalender angezeigt werden. Diese Funktion ist praktisch, um sich auf bestimmte interessierende Zeiträume zu konzentrieren. Hier sind die verfügbaren Optionen:

<table><thead><tr><th width="172">Attribut</th><th>Beschreibung</th></tr></thead><tbody><tr><td><strong>Tage</strong></td><td>Mit dieser Option können Sie festlegen, welche Wochentage im Kalender sichtbar sein sollen. Wenn ausgewählt, zeigt der Kalender nur die ausgewählten Tage an und blendet den Rest effektiv aus.</td></tr><tr><td><strong>Monat</strong></td><td>Wie bei der Option Tage können Sie auswählen, welche Monate in Ihrem Kalender sichtbar sein sollen.</td></tr><tr><td><strong>Zeitfenster</strong></td><td>Mit dem Zeitfenster können Sie die auf Ihrem Kalender sichtbaren Stunden präzise steuern und sich so effektiv auf die Zeitfenster konzentrieren, die am wichtigsten sind.</td></tr></tbody></table>

### **Ereignisanzeige**

Der Abschnitt „Ereignisanzeige“ bietet eine Reihe von Optionen, um die visuelle Gestaltung Ihrer Kalendereignisse anzupassen.

Hier sind die verfügbaren Optionen:

* **Design**: Mit dieser Option können Sie ein visuelles Design für Ihre Ereignisse auswählen — **Standard**, **Hohl**, **Linie**, **Abgerundet** oder **Transparent** — jedes bietet einen einzigartigen visuellen Stil, der Ihren persönlichen Vorlieben oder Ihrer Markenidentität entspricht.
* **Palette**: Mit dieser Funktion können Sie jedem Ressourcenobjekt unterschiedliche Farben aus einer ausgewählten Palette zuweisen. Eine Farbpalette ist eine Sammlung von Farben, die eine konsistente Farbverwendung über verschiedene Ressourcen hinweg ermöglicht. Dadurch können Sie verschiedene Ressourcenarten in Ihrem Kalender visuell unterscheiden und schnell erkennen.
* **Benutzerdefinierte Palette**: Erstellen Sie stattdessen Ihre eigene Palette, eine Farbe pro Eintrag. Sie überschreibt **Palette**, und ihre Farben werden auf dieselbe Weise den Ressourcen zugewiesen.
* **Popover-Felder**: Wenn ein Benutzer mit der Maus über ein Ereignis fährt, werden diese Felder in einem kleinen Popup-Fenster (oder einem „Popover“) angezeigt. So können Benutzer wichtige Ereignisdetails anzeigen, ohne darauf klicken zu müssen. Jedes Feld benötigt ein **Label**, das Ereignisfeld, aus dem es liest, **Wert**, und ein **Variante** , das die Beschriftung platziert (**Standard**, **Beschriftung ausgeblendet**, **Beschriftung inline** oder **Beschriftung gestapelt**).
* **Ereignisse mit leerer Ressource ausblenden**: Blendet die Ereignisse aus, die keiner Ressource zugeordnet sind, zusammen mit der **Leer** Ressourcenzeile, unter der sie sonst gruppiert wären, und ihrem Eintrag im Ressourcenfilter. Über **ICS-Kalender** importierte Ereignisse behalten ihre **Leer** Zeile. Standardmäßig deaktiviert.

### **Filter**

Passen Sie an, wie Benutzer die auf Ihrem Avonni-Kalender angezeigten Ereignisse eingrenzen.

* **Ressourcenfilter ausblenden:** Wählen Sie diese Option, um den Filter zu entfernen, mit dem Benutzer Ereignisse basierend auf bestimmten Ressourcen (z. B. Personen, Räume, Geräte) anzeigen können.
* **Datumsauswahl ausblenden:** Wählen Sie dies aus, um das Kalendersymbol in der Kopfzeile zu entfernen, mit dem Benutzer zu einem bestimmten Datum navigieren können.
* **Typ:** Bestimmen Sie den visuellen Stil und die Platzierung des Filterbereichs:
  * **Horizontal:** Der Standard — eine Leiste am oberen Rand des Kalenders.
  * **Popover:** Ein kompakter Filter, der sich beim Klicken öffnet.
  * **Linkes Panel** / **Rechtes Panel:** Ein Seitenbereich für die Filteroptionen, konfiguriert unter **Attribute der Seitenleiste**.
* **Datensatz-Picklistwerte verwenden:** Leiten Sie die Optionen eines Picklist-Filters aus den Werten ab, die tatsächlich in den Datensätzen vorhanden sind, und nicht aus dem vollständigen Wertsatz des Feldes.
* **Kaskadierende Filterwerte verwenden:** Grenzen Sie die Optionen in den anderen Filtern auf die aktuelle Auswahl ein, während Benutzer filtern. Dies hat Vorrang vor **Datensatz-Auswahllistenwerte verwenden**.

Jeder in der Datenquelle zugeordnete Filter verfügt auch über einen Operator, der aus einem Menü oben im Filter ausgewählt wird. Text-, Picklist-, Multi-Select-Picklist- und Lookup-Filter bieten **Entspricht** (die Standardeinstellung), **Entspricht nicht**, **Leer** und **Nicht leer**. Zahlen-, Datums- und Zeitfilter bieten **Zwischen** (die Standardeinstellung), **Nicht zwischen**, **Entspricht**, **Entspricht nicht**, **Kleiner als**, **Kleiner oder gleich**, **Größer als**, **Größer oder gleich**, **Leer** und **Nicht leer**. **Leer** und **Nicht leer** keinen Wert an, daher werden die Eingaben des Filters ausgeblendet, wenn einer von beiden ausgewählt ist. Kontrollkästchenfilter haben kein Operatormenü, ebenso wenig der Ressourcenfilter.

### **Suche**

* **Suche anzeigen:** Aktivieren Sie diese Option, um oben in Ihrem Avonni-Kalender ein Suchfeld hinzuzufügen, damit Benutzer bestimmte Ereignisse schnell finden können.
* **Platzhalter:** Fügen Sie einen kurzen Ausdruck hinzu (z. B. „Ereignisse suchen...“), um Benutzern zu zeigen, wonach sie im Kalender suchen können.
* **Position:** Wählen Sie aus, wo das Suchfeld platziert werden soll — **Links** (die Standardeinstellung), **Rechts**, **Mitte**, **Füllung** oder **Panel** um es in den Seitenbereich neben dem Kalender zu verschieben.
* **Suchfelder:** Auf der Datenquelle zugeordnet, sind dies die Objektfelder, in denen das Suchfeld sucht. Sie erfordern **Suche anzeigen**.

### **Seitenleiste**

**Attribute der Seitenleiste** Konfigurieren Sie das Panel, das der Kalender neben seinen Ereignissen anzeigen kann. Das Panel wird erst angezeigt, wenn die Suche oder die Filter darin platziert sind — setzen Sie **Position** bis **Panel** unter **Suche** oder **Typ** bis **Linkes Panel** oder **Rechtes Panel** unter **Filter**.

* **Position:** an welche Seite das Panel angeordnet ist, **Links** (der Standard) oder **Rechts**.
* **Standardmäßig geschlossen:** startet das Panel eingeklappt. Standardmäßig deaktiviert.
* **Umschaltknopf ausblenden:** entfernt die Schaltfläche in der Kopfzeile, mit der Benutzer das Panel öffnen und schließen. Standardmäßig deaktiviert.
* **Beschriftung der Zurücksetzen-Schaltfläche:** die Beschriftung der Schaltfläche, mit der jede Filterauswahl gelöscht wird. `Alle Auswahlen löschen` standardmäßig.

## Interaktionen

Die Avonni-Kalenderkomponente geht über das bloße Anzeigen von Ereignissen hinaus; sie bietet Ihren Benutzern eine Reihe von Möglichkeiten, direkt mit ihr zu interagieren und weitere Aktionen auszulösen.

### **Arten von Aktionen**

* **Neue-Ereignis-Aktion:** Passen Sie an, was passiert, wenn Benutzer ihren Cursor über den Kalender ziehen, um ein neues Ereignis zu planen. Sie könnten zum Beispiel automatisch ein Formular zur Ereigniserstellung öffnen.
* **Symbolleistenaktionen:** Fügen Sie der Symbolleiste des Kalenders benutzerdefinierte Schaltflächen hinzu. Diese Schaltflächen können so programmiert werden, dass sie eine der unten aufgeführten verfügbaren Interaktionen auslösen.
* **Kontextmenüaktionen:** Diese Schaltflächen erscheinen, wenn ein Benutzer mit der rechten Maustaste auf ein Ereignis klickt oder die Ereignisdetails öffnet. Konfigurieren Sie diese Schaltflächen, um Aktionen wie Bearbeiten, Löschen oder das Auslösen zusätzlicher, mit dem Ereignis verknüpfter Prozesse zu ermöglichen.

### **Verfügbare Interaktionen**

Die Avonni-Kalenderkomponente bietet mehrere Interaktionen, die durch die oben beschriebenen Aktionen ausgelöst werden können:

* [**Toast anzeigen**](/experience-cloud/experience-cloud-de/eigenschaftenbereich/interactions/show-toast.md)**:** Zeigt dem Benutzer eine kurze Benachrichtigung an, um eine Aktion zu bestätigen oder Feedback zu geben.
* [**Navigieren**](/experience-cloud/experience-cloud-de/eigenschaftenbereich/interactions/navigate.md)**:** Leitet den Benutzer zu einer anderen Seite innerhalb Ihres Experience Cloud oder zu einer externen Website weiter.
* [**Alert-Modal öffnen**](/experience-cloud/experience-cloud-de/eigenschaftenbereich/interactions/open-alert-modal.md)**:** Zeigt ein Popup-Fenster mit wichtigen Informationen oder einer Bestätigungsaufforderung an.
* [**Bestätigung öffnen**](/experience-cloud/experience-cloud-de/eigenschaftenbereich/interactions/open-confirm.md)**:** Zeigt einen Bestätigungsdialog an, in dem der Benutzer aufgefordert wird, eine Aktion zu bestätigen (z. B. das Löschen eines Ereignisses).
* [**Flow-Dialog öffnen**](/experience-cloud/experience-cloud-de/eigenschaftenbereich/interactions/open-flow-dialog.md)**:** Startet einen Salesforce Flow und ermöglicht es Ihnen, komplexe Prozesse zu automatisieren oder Benutzer durch mehrere Schritte zu führen.
* [**Flow-Panel öffnen**](/experience-cloud/experience-cloud-de/eigenschaftenbereich/interactions/open-flow-panel.md)**:** Startet einen Salesforce Flow in einem Seitenbereich neben dem Kalender statt in einem Dialog.
* [**Flow ausführen**](/experience-cloud/experience-cloud-de/eigenschaftenbereich/interactions/execute-flow.md)**:** Führt einen automatisch gestarteten Salesforce Flow im Hintergrund aus, ohne Dialog oder Panel.
* [**Herunterladen**](/experience-cloud/experience-cloud-de/eigenschaftenbereich/interactions/download.md)**:** Lädt eine Datei herunter, entweder von einer URL oder aus einem Salesforce-Content-Dokument.

### **So implementieren Sie es**

Um diese Aktionen und Interaktionen zu konfigurieren, arbeiten Sie in den Einstellungen der Avonni-Kalenderkomponente im Experience Cloud Builder. Jeder Aktionstyp (Neues Ereignis, Symbolleiste, Kontextmenü) hat einen Abschnitt, in dem Sie die auszulösende Interaktion definieren können.

## Stil

{% tabs %}
{% tab title="Größe" %}

* **Breite:** Legt die horizontale Breite des Kalenders fest. Sie können feste Werte (Pixel, Prozente) verwenden oder den Kalender anhand seines Containers anpassen lassen.
* **Höhe:** Diese Einstellung legt die vertikale Höhe des Kalenders fest. Ähnlich wie bei der Breite können Sie feste oder flexible Höheneinstellungen verwenden.
* **Überlauf:** Bestimmt, wie der Kalender mit Inhalten umgeht, die seine Abmessungen überschreiten. Zu den Optionen können gehören:
  * **Sichtbar:** Inhalt fließt außerhalb des Kalenders.
  * **Ausgeblendet:** Inhalt wird an den Rändern des Kalenders abgeschnitten.
  * **Scrollen:** Der Kalender erhält Bildlaufleisten, wenn der Inhalt überläuft.
    {% endtab %}

{% tab title="Werkzeugleiste" %}

* **Hintergrundfarbe:** Diese Einstellung legt die Hintergrundfarbe der Symbolleiste des Kalenders fest (der Bereich, der normalerweise Navigationsschaltflächen, die Ansichtsauswahl usw. enthält).
  {% endtab %}

{% tab title="Filterleiste" %}
Gestaltet die Seitenleiste, die die Filter und die Suche enthält.

* **Filterleiste:** Hintergrundfarbe / Rahmenfarbe / Rahmenstärke / Rahmenstil / Rahmenradius.
* **Beschriftungen der Filterleiste:** Hintergrund / Aktiver Hintergrund / Hintergrund bei Hover; Farbe des Einklappsymbols; Farbe / Aktive Farbe / Farbe bei Hover; Schriftgröße / Schriftstärke.
* **Optionen der Filterleiste:** Farbe; Rahmenfarbe des Kontrollkästchens; Textfarbe der Schaltfläche „Mehr laden“ / aktive Textfarbe / Textfarbe bei Hover.
* **Schaltfläche zum Zurücksetzen der Filterleiste:** Hintergrundfarbe / Textfarbe / Randfarbe / Rahmenstärke / Eckenradius.
  {% endtab %}
  {% endtabs %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/experience-components/ax-calendar.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.