UI Builder

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 1 Minute Lesedauer

    • UI Builder ist ein Generator für Webbenutzeroberflächen. Verwenden Sie UI Builder, um Seiten für von App Engine Studio generierte Arbeitsbereiche oder benutzerdefinierte Web-Experiences mit Next Experience-Komponenten und benutzerdefinierten Webkomponenten zu erstellen.

    UI Builder – Übersicht

    UI Builder Schnellstart

    Erste Schritte mit UI Builder

    Hinweis:
    UI Builder ist noch nicht in der Lage, ServiceNow Basissystem-Serviceportale wie Mitarbeiter-Center] zu erstellen oder zu konfigurieren. Verwenden Sie für Serviceportale weiterhin den Service Portal Designer.

    Hauptfunktionen von UI Builder

    Erstellen oder passen Sie Seiten für Arbeitsbereich- und Portal-Experiences an. Eine Seite ist eine Sammlung von Komponenten, aus denen die Benutzeroberfläche eines Arbeitsbereichs oder eines Portals besteht.

    Hinweis:
    Die Rolle ui_builder_admin ist erforderlich, um Aufgaben in UI Builderabzuschließen.
    Abbildung : 1. UI Builder
    Vollständiger UI Builder-Bildschirm.

    Erstellen Sie Varianten von Seiten, um Experiences auf verschiedene Zielgruppen auszurichten. Sie können beispielsweise eine Homepage für Service Desk-Mitarbeiter und eine Variante für Manager unter derselben URL erstellen.

    Verwenden Sie die Komponentenbibliothek UI Builder, um Ihre Seiten zu erstellen. Sie können sie Ihrer Seite hinzufügen. Konfigurieren Sie sie nach Bedarf, und verknüpfen Sie dann Ihre Unternehmensdaten damit.

    Die ersten neun in der Komponentenliste verfügbaren Komponenten.

    Binden Sie Daten mithilfe von Datenressourcen an Ihre Komponenten, um Ihre Daten aus Tabellen, Datensätzen oder anderen Elementen auf Ihrer Seite dynamisch verfügbar zu machen. Mit Datenressourcen können Sie Ihre Komponenten wiederverwenden.

    Erstellen Sie eine beliebige Art von Seitendesign, indem Sie das Layout der Seite ändern.Beispielseite mit einem großen Layout und mehreren Komponenten.

    Verwenden Sie CSS, um den visuellen Stil einer Komponente in Ihrer Arbeitsbereichs- oder Portal-Experience zu ändern. Beispielsweise können Sie einer Containerkomponente eine Hintergrundfarbe hinzufügen.

    Ändern Sie Datenvisualisierungen in UI Builder

    Sie können die Datenvisualisierungstypen über eine Dropdownliste im Konfigurationsbereich ändern, um eine Vorschau verschiedener Datenvisualisierungstypen anzuzeigen. Jede Datenvisualisierung kann so konfiguriert werden, dass je nachdem, wer Ihre Experience verwendet, unterschiedliche Daten angezeigt werden.

    Datenvisualisierungstyp-Optionen in einer Dropdown-Liste.