> 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-combobox.md).

# AX - Combobox

Ermöglicht Benutzern, eine oder mehrere Optionen aus einem Dropdown auszuwählen — Einzel- oder Mehrfachauswahl, optional durchsuchbar, mit optionalen benutzerdefinierten Aktionen innerhalb des Dropdowns.

## Übersicht

**AX - Kombinationsfeld** ist eine Experience-Cloud-Komponente, die auf Experience-Sites-Seiten einen konfigurierbaren Dropdown-Auswahlschalter anzeigt.

Verwenden Sie es, damit Portalbenutzer aus einer festen Liste von Optionen oder aus über Salesforce abgefragten Werten wählen können — als Einzel- oder Mehrfachauswahl mit optionaler Suche und benutzerdefinierten Aktionen, die innerhalb des Dropdowns angezeigt werden. Konfigurieren Sie Optionen, Verhalten und Design im Experience Builder ohne Code.

Perfekt für Filter, Auswahlfelder für Präferenzen, Kategoriewähler oder jedes Formularfeld, in dem Benutzer aus einer Reihe von Optionen wählen.

## Konfiguration

### Datenquelle

Wählen Sie aus, woher die Optionen der Combobox stammen:

| Datenquellentyp | Beschreibung                                                                     | Anwendungsfall                                         |
| --------------- | -------------------------------------------------------------------------------- | ------------------------------------------------------ |
| **Manuell**     | Geben Sie jede Option direkt ein (Bezeichnung, Wert, Sekundärtext, deaktiviert). | Feste, statische Optionslisten.                        |
| **Abfrage**     | Füllen Sie die Optionen automatisch per Abfrage aus einem Salesforce-Objekt.     | Optionen, die mit Ihren Daten synchron bleiben sollen. |

### Eigenschaften

**API-Name** ist eine eindeutige Kennung, die zum Referenzieren der Komponente verwendet wird, und **Beschriftung** ist die Feldbeschriftung, die über der Combobox angezeigt wird. **Hilfe auf Feldebene** fügt neben der Beschriftung einen Tooltip mit Hilfetext hinzu.

**Standardwert** legt die bei erstem Laden der Komponente ausgewählte(n) Option(en) fest.

**Variante** steuert das Layout der Beschriftung: `Standard` (Standard), `Beschriftung inline`, `Beschriftung gestapelt`, oder `Beschriftung ausgeblendet`. **Platzhalter** ist der Text, der vor einer Auswahl angezeigt wird.

**Dropdown-Ausrichtung** positioniert das Dropdown relativ zum Eingabefeld — `Automatisch` (Standard), `Links`, `Rechts`, `Mitte`, `Unten links`, `Unten zentriert` oder `Unten rechts` — und **Dropdown-Länge** legt fest, wie viele Optionen vor dem Scrollen sichtbar sind (`5 Elemente`, `7 Elemente` (Standard), oder `10 Elemente`).

**Mehrfachauswahl** ermöglicht Benutzern, mehr als eine Option auszuwählen, und **Auswahl geöffnet lassen** hält das Dropdown nach jeder Auswahl geöffnet (nützlich bei Mehrfachauswahl).

**Suche zulassen** fügt ein Suchfeld hinzu, um Optionen zu filtern, und **Optionen ausblenden, bis gesucht wird** zeigt Optionen erst an, wenn der Benutzer zu tippen beginnt.

**Erforderlich** kennzeichnet das Feld als Pflichtfeld, und **Deaktiviert** verhindert Benutzerinteraktionen.

**Löschsymbol ausblenden** entfernt die Schaltfläche zum Löschen der aktuellen Auswahl, und **Ausgewählte Optionen ausblenden** blendet bereits ausgewählte Optionen aus der Dropdown-Liste aus.

**Aktionen** definieren benutzerdefinierte Aktionen, die innerhalb des Dropdowns angezeigt werden — jeweils mit Beschriftung, Symbol, Position und einer Klickinteraktion sowie Optionen, sie fixiert zu halten, nur während der Suche anzuzeigen oder anzuzeigen, wenn es keine Ergebnisse gibt.

**Optionen** definieren die auswählbaren Elemente für eine manuelle Datenquelle — jeweils mit Beschriftung, Wert, optionalem Sekundärtext und einem deaktivierten Status.

## Interaktionen

[Interaktionen](/experience-cloud/experience-cloud-de/eigenschaftenbereich/interactions.md) definieren, was passiert, wenn Benutzer mit der Combobox interagieren. Im Experience Builder gibt es keine Registerkarte „Interaktionen“ — jede Interaktion wird im Eigenschaften-Editor des zugehörigen Ereignisses konfiguriert.

### Änderung

Jede Option trägt ihre eigene **Bei Änderung** Interaktion, konfiguriert an der Option im **Optionen** Editor (manuelle Quelle) oder im Datensatz (Abfragequelle) zugeordnet. Sie wird ausgeführt, wenn diese Option zum ausgewählten Wert wird, sodass Sie ohne Code auf eine Auswahl reagieren können — zum Beispiel, indem Sie zu einer gefilterten Seite navigieren oder einen Flow öffnen, der von der Auswahl abhängt.

### Klick

Jeder Eintrag unter **Aktionen** trägt seine eigene **Bei Klick** Interaktion, die ausgeführt wird, wenn der Benutzer auf diese Aktion im Dropdown klickt.

Beide akzeptieren diese Interaktionen:

* [Toast anzeigen](/experience-cloud/experience-cloud-de/eigenschaftenbereich/interactions/show-toast.md)
* [Navigieren](/experience-cloud/experience-cloud-de/eigenschaftenbereich/interactions/navigate.md)
* [Herunterladen](/experience-cloud/experience-cloud-de/eigenschaftenbereich/interactions/download.md)
* [Alarm-Modal öffnen](/experience-cloud/experience-cloud-de/eigenschaftenbereich/interactions/open-alert-modal.md)
* [Bestätigungsdialog öffnen](/experience-cloud/experience-cloud-de/eigenschaftenbereich/interactions/open-confirm.md)
* [Flow-Dialog öffnen](/experience-cloud/experience-cloud-de/eigenschaftenbereich/interactions/open-flow-dialog.md)
* [Flow ausführen](/experience-cloud/experience-cloud-de/eigenschaftenbereich/interactions/execute-flow.md)

## Gestaltung

Passen Sie das Erscheinungsbild der Combobox im **Stil** Bereich des Eigenschaften-Editors an.

{% tabs %}
{% tab title="Außenabstand" %}
Steuert den äußeren Abstand um die Combobox.
{% endtab %}

{% tab title="Innenabstand" %}
Steuert den inneren Abstand der Combobox.
{% endtab %}

{% tab title="Größe" %}
Steuert die Abmessungen der Combobox (Breite / Höhe / Überlauf).
{% endtab %}

{% tab title="Rahmen" %}
Steuert den Rahmen um die Combobox (Farbe / Größe / Stil / Radius).
{% 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-combobox.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.