Einer Zielseite in UI Builder Komponenten hinzufügen

Ziehen Sie Komponenten per Drag-and-Drop in den Bereich „Phase“, um eine Zielseite zu erstellen.

Vorbereitungen

Wichtig:

Der auf dieser Seite beschriebene Generator dient zum Erstellen und Bearbeiten von Zielseiten in allen Arbeitsbereichen außer CSM. Informationen zum neuen UI Builder, mit dem Sie alle Seiten in CSM Workspace erstellen und bearbeiten können, finden Sie unter UI Builder.

• Sie müssen eine Zielseite erstellt haben.
• Erforderliche Rolle: admin, workspace_admin oder ui_builder_admin

Warum und wann dieser Vorgang ausgeführt wird

Sie fügen Komponenten zu Zielseiten hinzu, indem Sie Komponenten per Drag-and-Drop aus der Registerkarte +Komponente hinzufügen in den Bereich „Phase“ ziehen.

Prozedur

1. Navigieren zu Alle > Arbeitsbereicherfahrung > Administration > Alle Arbeitsbereiche und klicken Sie auf einen Arbeitsbereich, um ihn zu öffnen.
2. Wenn die Seite, die geöffnet wird, nicht bearbeitbar ist, klicken Sie auf den Link hier in Zum Bearbeiten dieses Datensatzes klicken Sie hier.
3. Klicken Sie auf In UI Builder öffnen.
4. Klicken Sie im Seitenverwaltungsbereich auf der Registerkarte Seiten auf die Zielseite, der Sie Komponenten hinzufügen möchten.
5. Klicken Sie auf die Registerkarte +Komponente hinzufügen, um die Liste der Komponenten zu öffnen, die Sie Ihrer Zielseite hinzufügen können.
6. Fügen Sie Komponenten zu Zielseiten hinzu, indem Sie jeweils eine Komponente aus der Registerkarte +Komponente hinzufügen in den Bereich „Phase“ ziehen.

   Wenn Sie eine Komponente ziehen, klicken Sie zuerst darauf, um sie auszuwählen. Wenn die Komponente ausgewählt ist, wird ein Rahmen um sie herum sichtbar. Wenn Sie Komponenten im Bereich „Phase“ ablegen, stellen Sie sicher, dass Sie auf eine Komponente zeigen, die sich bereits auf der Zielseite befindet. Anhand von Hervorhebungen können Sie erkennen, wo Sie die Komponente ablegen können. Weitere Informationen zum Drag-and-Drop finden Sie im Tutorial.

   

   Die folgenden Komponenten können Sie hinzufügen:

   • Container: Container, in dem Sie andere Komponenten gruppieren können, z. B. eine Überschrift und zwei Datenvisualisierungsberichte. Weitere Informationen finden Sie unter Containerkomponente in UI Builder.
   • Berichts-/PA-Widget − Performance Analytics und Reporting-Visualisierungen. Diese Werte können regelmäßig aktualisiert werden. Weitere Informationen finden Sie unter Datenvisualisierungskomponente.
   • Bild – Bild. Weitere Informationen finden Sie unter Image-Komponente in UI Builder.
   • Rich-Text: Zeichenfolge, die an beliebiger Stelle auf der Zielseite verwendet werden soll. Weitere Informationen finden Sie unter Rich-Text-Komponente in UI Builder.
   • Datenvisualisierung: Neue Berichtsvisualisierungen und Visualisierungen aus vorhandenen Berichten und Widgets. Diese Werte können regelmäßig aktualisiert werden. Weitere Informationen finden Sie unter Containerkomponenten in UI Builder.
   • Überschrift: Zeichenfolge, die als Titel einer Zielseite verwendet werden soll. Weitere Informationen finden Sie unter Überschriftenkomponente in UI Builder.
   • Liste: Liste der Datensätze, die aus einer einzelnen Tabelle stammen. Weitere Informationen finden Sie unter Listenkomponente in UI Builder.
7. Wahlweise: So entfernen Sie eine Komponente von Ihrer Zielseite:
   1. Klicken Sie auf die Komponente und dann auf das eingeblendete Papierkorbsymbol ( ).

      

   2. Bestätigen Sie den Löschvorgang, indem Sie im Popup-Fenster „Element löschen?“ auf das Häkchensymbol () klicken.
8. Wahlweise: Um eine Komponente zu verschieben, klicken Sie darauf, verwenden Sie Ihre Maus, um das Verschieben-Symbol ( ) zu greifen, und ziehen Sie die Komponente an eine neue Position.
9. Klicken Sie auf jede Komponente im Bereich „Phase“, und geben Sie Werte für die Komponenteneigenschaften ein, die im Konfigurationsbereich angezeigt werden.

   

   Beschreibungen der Komponenteneigenschaften finden Sie unter Komponentenreferenz für UI Builder.

10. Klicken Sie auf Speichern.
11. Wenn Sie bereit sind, die Zielseite zu verwenden, klicken Sie auf Aktivieren.