Fügen Sie ein Dialogfeld ohne Modus zu hinzu UI BuilderSeite

  • Freigeben Version: Zurich
  • Aktualisiert 31. Juli 2025
  • 4 Minuten Lesedauer

    • Erfahren Sie, wie Sie ein Dialogfeld ohne Modus in hinzufügen UI Builder. Ein Dialogfeld ohne Modus ist ein fließendes Fenster mit Inhalt über einer Seite.

    Vorbereitungen

    Erforderliche Rolle: ui_Builder_admin

    Die folgenden Schritte führen Sie durch den Prozess der Konfiguration einer Schaltfläche zum Öffnen eines Dialogfelds ohne Modus, das die Komponente „Anhänge“ enthält.
    Hinweis:
    Das hier beschriebene Verfahren ist nur ein Beispiel für die Verwendung von Dialogfeldern ohne Modus. Es gibt unbegrenzte Möglichkeiten. Fügen Sie Dialogfelder ohne Modus hinzu, und konfigurieren Sie sie, um Ihre Geschäftsanforderungen zu erfüllen.

    Prozedur

    1. Navigieren zu Alle > Now-Experience-Framework > UI Builder.
    2. Öffnen Sie eine Experience, in der Sie arbeiten können, oder erstellen Sie eine Experience, indem Sie auswählen Erstellen > Experience.
      Siehe Konfigurieren Sie, wie Anwender mit Ihren Anwendungen in interagieren UI BuilderWeitere Informationen zum Erstellen von Experiences.
    3. Öffnen oder erstellen Sie eine Seitenvariante.
      Um weitere Informationen zum Erstellen einer Seite in zu erhalten UI Builder, Siehe Erstellen Sie eine Seite in UI Builder .
    4. Bewegen Sie in der Inhaltsstruktur die Maus zu Dialogfelder ohne Modus , Wählen Sie das Symbol + aus, und wählen Sie aus Dialogfeld ohne Modus Komponente.
      Option „Dialogfelder ohne Modus“, die in der Inhaltsstruktur angezeigt wird, wobei das Symbol „+“ ausgewählt und das Fenster geöffnet ist, das die Komponente „Dialogfeld ohne Modus“ enthält.
    5. Wenn das Dialogfeld ohne Modus nicht automatisch in der Phase angezeigt wird, wählen Sie das neue Dialogfeld ohne Modus mit dem Namen aus Dialogfeld ohne Modus – Standard In der Inhaltsstruktur.
    6. Im Konfigurationsbereich Konfigurieren Registerkarte, zeigen Sie die Voreinstellungen an, die automatisch mit dem Dialogfeld ohne Modus hinzugefügt wurden, z. B. Breite, Höhe, Position, und aktivieren Sie die Zieheinstellung.
      Konfigurationsbereich des Dialogfelds ohne Modus mit Registerkarte „Konfigurieren“, der Voreinstellungen anzeigt.

      Alle diese voreingestellten Eigenschaften können bei Bedarf bearbeitet werden.

      Hinweis:
      Weitere Informationen zu erweiterten Eigenschaften von Dialogfeldern ohne Modus finden Sie unter ServiceNow-Entwickler-Website .
    7. Im Datenressourcen-Drawer wird Dialogfeld ohne Modus Controller wurde automatisch hinzugefügt.
      Schwarzer Pfeil, der auf den Controller des Dialogfelds ohne Modus im Drawer „Datenressourcen“ verweist.
    8. Wählen Sie in der Inhaltsstruktur aus + Inhalt hinzufügen Unter Dialogfeld ohne Modus, Standard > Aktionen Zum Hinzufügen von Inhalten zum Header des Dialogfelds ohne Modus.
    9. Suchen Sie nach, und wählen Sie aus Stilisierter Text Komponente.
    10. In Stilisierter Text Konfigurationsbereich, wählen Sie aus Keine Dient zum manuellen Konfigurieren der Komponente.
      Stilisierter Textkonfigurationsbereich mit einem schwarzen Pfeil, der auf die Option „keine“ verweist.

      Wenn Datensatzunterüberschrift Voreinstellung wurde automatisch hinzugefügt. Wählen Sie den Dropdown-Pfeil aus, und wählen Sie aus Keine , Und wählen Sie aus Entfernen Auf Konfigurieren Registerkarte.

      Konfigurationsbereich für stilisierte Textkomponenten mit schwarzen Pfeilen, die auf die Dropdown-Liste für Voreinstellungen und die Option „keine“ verweisen.
    11. Wenn noch nicht geöffnet, wählen Sie aus Konfigurieren Zum Öffnen der Registerkarte „Konfigurieren“.
    12. In Text , Entfernen Sie den Beispieltext und den Typ Fügen Sie Anhänge Hinzu .
      Stilisierter Text – Konfigurieren Sie die Registerkarte mit einem schwarzen Pfeil, der auf das Textfeld zeigt.
    13. Wählen Sie Aus Speichern Im UI Builder-Header.
    14. Wählen Sie in der Inhaltsstruktur aus + Inhalt hinzufügen Unter Dialogfeld ohne Modus, Standard > Inhalt > Container Zum Hinzufügen von Inhalten zum Textkörper des Dialogfelds ohne Modus.
    15. Wählen Sie aus Anhänge Komponente.
    16. In Anhänge Konfigurationsbereich: Wenn nicht bereits ausgewählt, wählen Sie aus Datensatzanhänge Und Anwenden Dient zum Konfigurieren der Komponente mit einer Voreinstellung.
      Konfigurationsbereich für Anhänge mit schwarzem Pfeil, der auf die Voreinstellungsoption „Anhänge aufzeichnen“ zeigt.

      Weitere Informationen zum Konfigurieren der Komponente „Anhänge“ finden Sie unter ServiceNow-Entwickler-Website .

    17. Sie können der Fußzeile des Dialogfelds ohne Modus Inhalte hinzufügen, aber in diesem Beispiel die Fußzeile leer lassen.
    18. Wählen Sie Speichern.
      Beachten Sie in der Inhaltsstruktur, dass das Dialogfeld ohne Modus und alle seine Komponenten über aufgeführt sind Textkörper Ihrer Seitenstruktur. Auch die Dropdown-Liste für Dialogfelder minimiert Die Komponente wird der Seite automatisch hinzugefügt (und unter aufgeführt Textkörper In der Inhaltsstruktur), um die Funktionalität für das Minimieren-Symbol im Header des Dialogfelds ohne Modus bereitzustellen.

      Inhaltsstruktur mit schwarzen Pfeilen, die auf die Standardkomponente des Dialogfelds ohne Modus, den Textkörper und die Drop-down-Komponente für minimierte Dialogfelder verweisen.

    19. Wählen Sie in der Inhaltsstruktur aus Textkörper .
    20. Fügen Sie eine Schaltflächenkomponente hinzu, und konfigurieren Sie sie, um das Dialogfeld ohne Modus zu öffnen.
      1. Wählen Sie in der Inhaltsstruktur aus Menü Symbol neben Textkörper Und wählen Sie aus Fügen Sie Inhalt hinzu .
      2. Auf Layouts Registerkarte auswählen Einzelne Spalte .
        Ein neues Spaltenlayout, das eine einzelne Spalte enthält, wird unten auf der Seite hinzugefügt.
      3. Wählen Sie in der Phase das Symbol + im neuen Spaltenlayout aus.
        Einspaltiges Layout mit einem schwarzen Pfeil, der auf das +-Symbol in der Spalte zeigt.
      4. Suchen Sie nach, und wählen Sie aus Schaltfläche leer Komponente.
        Toolbox wird mit einem schwarzen Pfeil angezeigt, der auf das Suchfeld zeigt, das die Schaltfläche „Begriff“ enthält, und einem weiteren schwarzen Pfeil, der auf die Komponente „Schaltfläche leer“ zeigt.
      5. Im Konfigurationsbereich auf Konfigurieren Registerkarte auswählen Keine Dient zum manuellen Konfigurieren der Komponente.
      6. Wählen Sie aus Ereignisse Registerkarte im Konfigurationsbereich.
      7. Wählen Sie Aus + Ereignishandler hinzufügen .
        Konfigurationsbereich ohne Schaltfläche, der mit einem schwarzen Pfeil auf die Registerkarte „Ereignisse“ und einem zweiten schwarzen Pfeil auf die Option „Ereignis-Handler hinzufügen“ angezeigt wird.
      8. Wählen Sie in der Liste auf der linken Seite aus Dialogfeld ohne Modus öffnen (Möglicherweise müssen Sie in der Liste nach unten scrollen.)
      9. Typ Anhänge In Minimierte Überschrift .
      10. Wählen Sie Aus Dialogfeld ohne Modus – Standard In Dialogfeld ohne Modus .
        Es gibt andere Optionen, die hier konfiguriert werden können, einschließlich einer Überschrift und einer Kategorie.
      11. Wählen Sie Hinzufügen.
        Ereignis-Handler-Fenster mit schwarzen Pfeilen, die auf die Option „Dialogfeld ohne Modus öffnen“, das minimierte Überschriftenfeld, das Feld „Dialogfeld ohne Modus“ und die Schaltfläche „Hinzufügen“ verweisen.
      12. Wählen Sie aus Konfigurieren Registerkarte.
      13. Typ Fügen Sie Anhänge Hinzu In Bezeichnung .
        Schaltfläche „Komponente leer“ – Registerkarte mit schwarzem Pfeil konfigurieren, der auf das Bezeichnungsfeld verweist.
    21. Wählen Sie Speichern.
    22. Wählen Sie den Dropdown-Pfeil neben aus Vorschau In UI BuilderHeader und wählen Sie aus Öffnen Sie den URL-Pfad In der Liste.
    23. Wählen Sie aus Fügen Sie Anhänge Hinzu Schaltfläche zum Testen des Dialogfelds ohne Modus.
      Das Dialogfeld ohne Modus wird über der Hauptseite mit der Überschrift oben und der Komponente „Anhänge“ unten geöffnet.
    24. Um die Minimierungs-Funktionalität zu testen, wählen Sie im Dialogfeld ohne Modus das Symbol Minimieren aus.
      Überschrift des Dialogfelds ohne Modus mit einem schwarzen Pfeil, der auf das Minimieren-Symbol zeigt.
      Das Dialogfeld ohne Modus wird minimiert und kann über die Dropdown-Liste „minimierte Dialogfelder“ aufgerufen werden.
    25. Wählen Sie das Symbol für minimierte Dialogfelder aus, und wählen Sie dann aus Anhänge Um das Dialogfeld ohne Modus erneut zu öffnen.
      Komponente für minimierte Dialogfelder ausgewählt, wobei die Dropdown-Liste die Option „E-Mail-Entwurf“ anzeigt.