---
sourceDocument: Yokohama Erstellen oder ändern Sie Anwendungen
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/de-DE/yokohama/application-development

 Release :

    - yokohama

ft:locale :

    - de-DE

ft:publication_title :

    - Yokohama Erstellen oder ändern Sie Anwendungen

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Creator


---

Zeigen Sie Inhalte dynamisch mit bedingten Renderern an
=======================================================

Zeigen Sie Inhalte dynamisch mit bedingten Renderern an {#ariaid-title1}
========================================================================

* Freigeben Version: Yokohama
* 
* Aktualisiert 30. Januar 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 Minute Lesedauer

Verwenden Sie die Komponente des bedingten Renderers, um Inhalte oder Komponenten basierend auf angegebenen Bedingungen anzuzeigen.

Vorbereitungen
--------------

Erforderliche Rolle: ui_builder_admin

Prozedur
--------

1. Navigieren zu AlleNow-Experience-FrameworkUI Builder.
2. Öffnen Sie eine Experience, um darin zu arbeiten, oder erstellen Sie eine Experience, indem Sie auswählen ErstellenExperience.  
   Weitere Informationen zum Erstellen von Experiences finden Sie unter [Konfigurieren Sie, wie Benutzer in mit Ihren Anwendungen interagieren UI Builder](https://servicenow-prod.fluidtopics.net/CeZNVGqy8eTZVd2gZsb4ng "Erfahren Sie, was eine Experience in UI Builderist. Verstehen, was eine Experience enthält.").
3. Erstellen oder öffnen Sie eine Seite oder Seitenvariante.  
   Weitere Informationen zum Erstellen einer Seite in UI Builder finden Sie unter [Seite in UI Builder erstellen](https://servicenow-prod.fluidtopics.net/tyY0expe_RF~OkSQQVAzZA "Erstellen Sie in UI Builder eine Seite für ein Portal, einen Arbeitsbereich oder eine anwenderdefinierte Anwendung, um eine Web-Experience für Ihre Benutzer zu erstellen.").
4. Wählen Sie in der Inhaltsstruktur die Option + Inhalt hinzufügen aus.
5. Wählen Sie Komponentenaus.
6. Wählen Sie Bedingter Rendereraus.
7. Wählen Sie + Bedingung hinzufügen aus.
8. Wählen Sie aus, wie Sie die Bedingung erstellen möchten.  
   {#conditional-renderer__table_ekc_q3n_b2c__entry__2}

   |  Typ der Bedingung  |                                                                                                Beschreibung                                                                                                 |
   |---------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
   | Leerer Container    | Erstellen Sie eine Bedingung, indem Sie Komponenten in einem leeren Container platzieren.                                                                                                                   |
   | Karte               | Erstellen Sie eine Bedingung, indem Sie Komponenten in einer Kartenkomponente platzieren.                                                                                                                   |
   | Einzelne Komponente | Fügen Sie eine Bedingung direkt ohne Verwendung eines Containers oder einer Karte einer Komponente hinzu. Dies funktioniert gut, um eine einzelne Komponente nur anzuzeigen, wenn die Bedingung „wahr" ist. |
   [ ]

   {#conditional-renderer__table_ekc_q3n_b2c}
9. **Wahlweise:** Wählen Sie eine Komponente aus der Liste aus, wenn Sie im vorherigen Schritt Einzelne Komponente ausgewählt haben.
10. Füllen Sie die Felder des Formulars aus.  
    {#conditional-renderer__table_z2p_2mn_b2c__entry__2}

    |          Feld           |                                                                     Beschreibung                                                                      |
    |-------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------|
    | Komponentenbezeichnung  | Bezeichnung zum Identifizieren des bedingten Inhalts.                                                                                                 |
    | Komponenten-ID          | Eindeutiger Bezeichner, der beim Binden von Daten verwendet wird.                                                                                     |
    | Beschreibung (optional) | Beschreibung der Bedingung                                                                                                                            |
    | Inhalt rendern          | Wählen Sie aus, wann der Inhalt auf der Seite gerendert werden soll.                                                                                  |
    | Bedingung               | Verwenden Sie Daten oder Formeln, um die Bedingung für das Rendern von Inhalten festzulegen. Das Feld erfordert einen booleschen Wert vom Typ „true". |
    [ ]

    {#conditional-renderer__table_z2p_2mn_b2c}
11. Wählen Sie Übernehmen.
12. **Wahlweise:** Fügen Sie dem Container oder der Karte Komponenten hinzu.  
    Weitere Informationen zum Hinzufügen von Komponenten finden Sie unter [Passen Sie die Seiten UI Builder mithilfe von Komponenten an](https://servicenow-prod.fluidtopics.net/lepFmeei_2nxHv01sLilJg "Erfahren Sie, was eine Komponente in UI Builderist. Sehen Sie sich auch an, wie -Komponenten in UI Builder funktionieren.").
13. Konfigurieren Sie die Komponenten im bedingten Renderer.
14. Wählen Sie Speichern.