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

Erste Schritte

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

UI Builder – Übersicht

UI Builder Schnellstart

Schlüsselfunktionen

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

Abbildung : 1. UI Builder
Vollständiger UI Builder-Bildschirm.

Erstellen Sie Seitenvarianten, 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 verbinden Sie dann Ihre Unternehmensdaten mit ihnen.

Die ersten neun Komponenten, die in der Komponentenliste verfügbar sind.

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 Ihrem Arbeitsbereich oder Ihrer 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 Dropdown-Liste im Konfigurationsbereich ändern, um eine Vorschau der verschiedenen Datenvisualisierungstypen anzuzeigen. Jede Datenvisualisierung kann so konfiguriert werden, dass unterschiedliche Daten angezeigt werden, je nachdem, wer Ihre Experience verwendet.

Optionen für Datenvisualisierungstypen in einer Dropdown-Liste.