> 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-media-object.md).

# AX - Media Object

## Übersicht

**AX - Medienobjekt** ist eine Experience-Cloud-Komponente, die auf Experience-Sites-Seiten ein Bild, ein Symbol oder einen Avatar neben Textinhalt in einem horizontalen Layout anzeigt.

Verwenden Sie es, um konsistente Layouts für Benutzerprofile, Produktlisten, Benachrichtigungselemente oder beliebige Inhalte zu erstellen, die ein visuelles Element mit beschreibendem Text verbinden. Das Medienelement bleibt am Textinhalt ausgerichtet und sorgt so für ein sauberes, gut erfassbares Format.

Ideal für Benutzerverzeichnisse, Produktkarten, Aktivitäts-Feeds, Ressourcenlisten oder überall dort, wo Ihr Portal Bilder mit Text in einem strukturierten, wiederholbaren Layoutmuster kombinieren muss.

{% hint style="danger" %}
Diese Komponente [verwendet Slots](/experience-cloud/experience-cloud-de/erste-schritte/learning-the-basics.md#understanding-slots) für erweiterte Anpassungen und ist daher ideal für LWR-Sites. Aura-Sites unterstützen dieses Maß an Anpassung nicht.
{% endhint %}

{% hint style="info" %}
**In einem echten Projekt ansehen**

[Kontakt Lokales Wetter](https://docs.avonnicomponents.com/projects/use-cases/outside-data/contact-local-weather): Aktuelles Wetter von einer externen API im Kontakt-Datensatz.
{% endhint %}

## Konfiguration

Ziehen Sie ein Medienelement (Bild, Symbol oder Avatar) in den figure-Slot und Ihren Text in den content-Slot; verwenden Sie den figure-inverse-Slot, um das Medium nach dem Inhalt statt davor zu platzieren.

### Eigenschaften

**Inline** ermöglicht die horizontale Ausrichtung des Medienobjekts mit anderen Inhaltselementen — aktivieren Sie es, um das Medium inline anzuzeigen und so einen horizontalen Fluss und eine bessere Raumnutzung zu ermöglichen. Standardmäßig deaktiviert.

**Responsiv** sorgt dafür, dass sich das Medienobjekt an unterschiedliche Gerätegrößen und Bildschirmauflösungen anpasst und dabei seine Klarheit und Proportion für ein nahtloses Nutzererlebnis beibehält. Standardmäßig deaktiviert.

**Vertikale Ausrichtung** steuert die vertikale Ausrichtung des Medienobjekts im Verhältnis zu anderen Inhaltselementen — wählen Sie **Start** (Standard), **Mitte**, oder **Ende** damit es sich perfekt am benachbarten Inhalt ausrichtet.

**Größe** passt die Größe des Medienobjekts an, sodass es sich nahtlos in das gesamte Inhaltslayout einfügt und den umliegenden Inhalt ergänzt, statt ihn zu überlagern — wählen Sie **Klein**, **Mittel** (Standard), oder **Groß**.


---

# 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-media-object.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.