Erstellen Sie ein anwenderdefiniertes Design, indem Sie einen Themengenerator -Designdatensatz klonen

Erstellen Sie ein anwenderdefiniertes Design in Next Experience effizienter mit einem veröffentlichten Themengenerator -Designdatensatz.

Vorbereitungen

Um ein Themengenerator -Design zu klonen, muss das Design veröffentlicht werden. Informationen zum Veröffentlichen des Designs Themengenerator finden Sie unter Veröffentlichen Sie Ihre Designs mit Themengenerator.

Erforderliche Rolle: Administrator

Warum und wann dieser Vorgang ausgeführt wird

Um zu vermeiden, dass Ihre Arbeit überschrieben wird, kann Ihr neues geklontes Design in Themengeneratornicht bearbeitet werden.

Prozedur

1. Navigieren zu Alle > Now-Experience-Framework > Designs.
   Die Tabelle „UX-Designs“ wird angezeigt.
2. Suchen Sie in der Spalte „Name“ nach dem Design Themengenerator, das Sie klonen möchten, und wählen Sie den Datensatz aus.
3. Klonen Sie die fünf UX-Designstil-Datensätze.
   1. Wählen Sie auf der Registerkarte Komposition: App-Design den Stildatensatz Mobile-Farben aus, und halten Sie ihn, (oder klicken Sie mit der rechten Maustaste darauf), und wählen Sie Link in neuer Registerkarte öffnen aus.
   2. Geben Sie im Feld Name den Namen Ihres Designs ein.
      Beispiel: ABC Company - Mobile Farben.
   3. Wählen und halten Sie den Header (oder klicken Sie mit der rechten Maustaste darauf), und wählen Sie Einfügen und bleiben aus.
      Diese Aktion erstellt eine Kopie des Stildatensatzes und leitet die Informationen an den neuen Stildatensatz weiter.

      Abbildung : 1. Stildatensatz „Geklonte Mobile-Farben“.

      

   4. Schließen Sie die geöffnete Registerkarte.
   5. Wiederholen Sie diesen Vorgang für die Stildatensätze Form und Formular, Farben, Bilder und Typografie.
   Hinweis:

   Die geklonten Stildatensätze werden im aktuellen Designdatensatz nicht angezeigt, und dieses Verhalten wird erwartet.
4. Klonen Sie den UX-Designdatensatz.
   1. Ändern Sie im Feld Name den Namen des Designdatensatzes.
      Beispiel: Anwenderdefiniertes ABC-Unternehmen.
   2. Wählen und halten Sie den Header (oder klicken Sie mit der rechten Maustaste darauf), und wählen Sie Einfügen und bleiben aus.
      Ihr neuer UX-Designdatensatz wird angezeigt. Die Stildatensätze in diesem Design sind leer, und dieses Verhalten wird erwartet.

      Abbildung : 2. Neu erstellter UX-Designdatensatz

      

5. Fügen Sie die neu erstellten Stildatensätze Ihrem Design hinzu.
   1. Doppelklicken Sie unter der Spalte Stil, um das Suchfeld verfügbar zu machen.
   2. Suchen Sie nach einem Ihrer neuen Stildatensätze, und wählen Sie ihn aus der Dropdown-Liste aus.
   3. Speichern Sie Ihre Auswahl, indem Sie das grüne Häkchen aktivieren.
   4. Doppelklicken Sie unter der Spalte Typ, um die Dropdown-Liste anzuzeigen, und wählen Sie Coreaus.

      Abbildung : 3. Dropdown-Liste „Stiltyp“.

      

   5. Speichern Sie Ihre Auswahl, indem Sie das grüne Häkchen aktivieren.

      Diese Aktion ordnet Ihren Stildatensatz dem aktuellen Design zu.

   6. Wiederholen Sie diesen Vorgang für die verbleibenden vier Stildatensätze.
   7. Wählen und halten Sie den Header (oder klicken Sie mit der rechten Maustaste darauf), und wählen Sie Speichernaus.
      Wenn die Änderungen nicht gespeichert wurden, werden neben den von Ihnen hinzugefügten Stildatensätzen grüne Balken angezeigt.

      Abbildung : 4. UX-Designdatensatz, bevor der Datensatz gespeichert wird

      

6. Veröffentlichen Sie Ihr anwenderdefiniertes Design.
   Informationen zum Veröffentlichen Ihres anwenderdefinierten Designs finden Sie unter Veröffentlichen Sie mehrere Designs in Next Experience.
   Ihr anwenderdefiniertes Design wurde nun veröffentlicht und Sie können es anpassen. Eine Schritt-für-Schritt-Anleitung zum Bearbeiten Ihres UX-Stilfarb-Datensatzes finden Sie in Übung 3, Aktivität 2 und 3 von Next Experience Workshop in der ServiceNow Community.