Anpassen UI BuilderSeiten mit Komponenten
Erfahren Sie, was eine Komponente enthält UI Builder. Sehen Sie sich auch an, wie Komponenten in UI Builder funktionieren.
Komponenten sind die Basiselemente von UI BuilderSeite. Komponenten reichen von Kernelementen wie Schaltflächen und Bezeichnungen bis hin zu Komponenten für komplexere Erfahrungen wie Listen und Formulare.
Sie können diese Komponenten zu hinzufügen UI BuilderSeite zum Erstellen oder Anpassen Ihres Arbeitsbereichs oder Ihrer Portal-Experience. Beispiel: Hinzufügen von Aktivitätenstrom Komponente zu Ihrer Seite, mit der Anwender ihre Aktivität für Reiseanträge sehen können.
Sie können Komponenten zu hinzufügen UI BuilderSeite auf folgende Arten.
| Standort | Beispiel |
|---|---|
| Direkt von einer Seite in UI Builder(Option 1) | Wählen Sie das Symbol „Inhalt hinzufügen (plus)“ aus, und wählen Sie aus Komponenten Und wählen Sie dann eine Komponente aus. |
| Direkt von einer Seite in UI Builder(Option 2) | Wählen Sie in einem Spaltenlayout oder einer Komponente das Symbol „Hinzufügen vor“ (plus) oder „Hinzufügen nach“ (plus) aus, und wählen Sie dann eine Komponente aus. |
| Von Inhalt Struktur in UI Builder | Wählen Sie in der Inhaltsstruktur aus + Inhalt hinzufügen Und wählen Sie dann eine Komponente aus. |
| Aus dem Floating-Menü über der Seite in UI Builder | Wählen Sie in einem Spaltenlayout oder einer Komponente das Menüsymbol aus, und wählen Sie aus Hinzufügen vor Oder Hinzufügen nach , Und wählen Sie dann eine Komponente aus. |
Spaltenlayouts in UI Builder
Fügen Sie Spaltenlayouts und Spalten zu hinzu UI BuilderSeite zuerst. Fügen Sie dann Komponenten zu den Spalten in einem Spaltenlayout hinzu, um Ihre Seite zu erstellen und anzupassen. Stellen Sie sich ein Spaltenlayout als definierten Teil des Bildschirms vor, in dem Sie Komponenten wie Listen und Überschriften hinzufügen. Sie können so viele Spaltenlayouts auf einem haben UI BuilderGewünschte Seite mit bis zu sechs Spalten in einem beliebigen Spaltenlayout. Mehrere Komponenten können einer einzelnen Spalte hinzugefügt werden. Zeigen Sie die Struktur Ihrer Seite in an Inhalt Struktur.
Weitere Informationen finden Sie unter Spaltenlayouts.
Konfigurieren Sie Komponenten in UI Builder
- Konfigurieren Sie die Komponenteneigenschaften.
- Fügen Sie CSS-Stilüberschreibungen hinzu.
- Einrichten Ereignis-HandlerFür die Komponenten.
- Registerkarte „Konfigurieren“
- Komponenteneigenschaften variieren je nach Komponente. Die Komponentenkonfiguration kann einfach sein, wie dies bei einfachen Elementen wie Schaltflächen, Überschriften und Bezeichnungen der Fall ist. Komponenten wie Listen und Formulare erfordern eine umfangreiche Konfiguration. Wählen Sie für Symbol- und Bildkomponenten aus einer Vielzahl von Optionen aus, oder verwenden Sie ein anwenderdefiniertes Symbol oder Bild. Sie können Komponenteneigenschaften mit ändern UI BuilderLow-Code-JSON-Editor von . Weitere Informationen zum Konfigurieren von Komponenten finden Sie unter Next Experience-Komponenten.
- Für jede Eigenschaft auf der Registerkarte „Komponentenkonfiguration“ können Sie aus den folgenden Optionen auswählen.
- Statisch: Verwenden Sie Daten aus einer Liste, oder geben Sie Ihre eigenen Daten ein. Die Daten stellen keine Verbindung zu einer externen Datenquelle her.
- Dynamisch Datenbindung: Eine Möglichkeit, eine Komponenteneigenschaft an eine Datenressource, eine Seiteneigenschaft oder einen Clientstatus zu binden.
- Skript: Geben Sie JavaScript-Code ein, um einen Eigenschaftswert auszufüllen.
- Registerkarte „Stile“
- Sie können die Stile der kaskadierenden Stylesheets (CSS) für einzelne Komponenten ändern. Ändern Sie Farbrahmen, Schriftgröße usw.
- Registerkarte „Events“
- Konfigurieren Sie die Seitenebene und die Variantenebene Ereigniszuordnungen. Fügen Sie auch gesendete Ereignisse und behandelte Ereignisse für Ihre Variante hinzu. Die komplexeren Experience-Komponenten basieren stark auf dynamischen Daten, die von bereitgestellt werden Datenressource. Die Bindung dynamischer Daten an eine Komponente ist eine wichtige Funktion. Sie stellen Daten aus Tabellen, Datensätzen oder anderen Elementen auf Ihrer Seite dynamisch bereit. Durch das Bereitstellen von Daten können Sie Ihre Komponenten wiederverwenden. Sie können auch auf die Konfigurationsfelder verweisen, um Symboldaten oder Skripting-Optionen für jedes Feld anzuzeigen.
Wenn Sie Komponenten auf der Seite hinzufügen und konfigurieren, zeigt die Phase Ihre Arbeit. Wenn Sie Änderungen vornehmen und die Updates nicht in der Phase geladen werden, wählen Sie aus Öffnen Sie das Menü Symbol und dann auswählen Entwickler > Phase Neu Laden . Beim erneuten Laden der Phase werden Ihre Änderungen angezeigt, sie werden jedoch nicht gespeichert. Wählen Sie aus, um Ihre Arbeit zu speichern Speichern Oben rechts.
Komponentenvoreinstellungen in UI Builder
Verwenden KomponentenvoreinstellungenDient zum automatischen Konfigurieren von Komponenten auf kompatiblen Seiten. UI BuilderSeitenvorlagen enthalten Controller, die Voreinstellungen zum Definieren von Komponentenkonfigurationswerten verwenden. Weitere Informationen finden Sie unter Komponenten mithilfe von Voreinstellungen automatisch konfigurieren.
Komponenteneigenschaften-Abschnitte
Komponenteneigenschaften sind in Abschnitte mit ähnlichen Eigenschaften gruppiert. Öffnen und schließen Sie Abschnitte, indem Sie die Pfeile rechts neben den Eigenschaftsüberschriften auswählen. UI Builder-Administratoren können auswählen, welche Komponentenkonfigurationseigenschaften basierend auf UI-Richtlinien angezeigt oder ausgeblendet werden.
Komponentenformeleditor
Verwenden Sie UI BuilderKomponentenformeleditor im Konfigurationsbereich zum Binden oder Ändern von Formeln. Sie können Text, Datenbindungen und/oder Formeln eingeben. Formeln können aus einer beliebigen Kombination der drei Eingabetypen bestehen. Der Komponentenformeleditor unterstützt logische, arithmetische, Vergleichstypen, Negation und funktionale Transformationstypen.
Jede Funktion, die dem Komponentenformeleditor hinzugefügt wird, wird automatisch vervollständigt. Der Komponentenformel-Editor zeigt für jede Eingabe der Funktion eine Bezeichnung an, damit Sie wissen, welche Parameter jede Funktion erfordert. Weitere Informationen zu den unterstützten Funktionen im Komponentenformeleditor finden Sie unter Unterstützte Funktionen in UI BuilderKomponentenformeleditor.
Komponenten-ID
Verwenden Sie die Komponenten-ID, wenn Sie ein Skript hinzufügen oder Daten an die Komponente binden, um auf die Komponente zu verweisen. Eine Komponenten-ID wird automatisch erstellt und basiert auf der Komponentenbezeichnung, wenn Sie einer Seite eine Komponente hinzufügen. Sie können die Komponenten-ID beliebig ändern, solange sie eindeutig ist. Wählen Sie den Namen der Komponente im Konfigurationsbereich aus, um die Komponenten-ID anzuzeigen.
Transparenz der Komponenten
Wählen Sie das Augensymbol im Konfigurationsbereich aus, um die Sichtbarkeit der Komponenten festzulegen. Die Sichtbarkeit der Komponente basiert auf einer Eigenschaft der Komponente selbst und nicht auf der Person, die sie anzeigt. Sie können eine Komponente basierend auf Bedingungen anzeigen oder ausblenden. Beispiel: Ein Bild ausblenden, wenn es einen fehlerhaften Link hat.
Sie können die Sichtbarkeit basierend auf der dynamischen Datenbindung festlegen oder einen geskripteten Eigenschaftswert bearbeiten.
Legen Sie fest Testwert Um zu testen, was passiert, wenn die Sichtbarkeit auf „wahr“, „falsch“ oder „keine“ festgelegt ist.
Doppelte Komponenten
Erstellen Sie eine genaue Kopie einer konfigurierten Komponente auf Ihrem UI BuilderSeite mit Ausnahme des Namens und der ID. Eine duplizierte Komponente kopiert alle Eigenschaften, Bindungen und Ereignisse. Weitere Informationen finden Sie unter Duplizieren Sie eine Komponente.