Widget klonen

Nutzen Sie vorhandenen Code, indem Sie ein vorhandenes Widget klonen und bearbeiten.

Vorbereitungen

Erforderliche Rolle: admin oder sp_admin

Warum und wann dieser Vorgang ausgeführt wird

Hinweis:

Basissystem-Widgets sind schreibgeschützt, damit Sie von zukünftigen Updates profitieren können. Um Änderungen vorzunehmen, können Sie Basis-System-Widgets klonen. Geklonte Widgets gelten jedoch als benutzerdefiniert und profitieren nicht von zukünftigen Updates der Widgets, aus denen sie geklont wurden.

Prozedur

1. Öffnen Sie den Widget-Editor auf der Seite Service Portal-Konfiguration und wählen Sie ein vorhandenes Widget aus der Liste Wählen Sie ein Widget aus.
   Wählen Sie beispielsweise Hallo Welt 2.
2. Klicken Sie im Listenmenü in der Widget-Kopfzeile auf „Hallo Welt 2“ klonen.

   Abbildung : 1. Widget klonen

   

3. Geben Sie einen Namen für das geklonte Widget ein.
   Die Widget-ID wird basierend auf dem Widgetnamen automatisch erstellt.
4. Wahlweise: Wählen Sie Testseite erstellen, um automatisch eine Seite zu erstellen, die das Widget enthält.
5. Verwenden Sie die Kontrollkästchen, um die verschiedenen Komponenten des Widget-Editors nach Bedarf anzuzeigen oder auszublenden.

   Nehmen Sie Änderungen an der HTML-Vorlage, dem CSS, dem Clientskript, dem Serverskript oder der Linkfunktion vor.

   Abbildung : 2. Hallo World 2-Klon

   

6. Um eine Vorschau Ihres Widgets zu aktivieren, verwenden Sie Vorschau aktivieren aus dem Menü.
   Verwenden Sie das angezeigte Augensymbol, um eine Vorschau Ihres Widgets anzuzeigen oder auszublenden.

Nächste Maßnahme

Wenn Sie ein Widget klonen, das die Angular-ng-Vorlage verwendet, müssen Sie die Vorlage manuell klonen und den Namen der Vorlagenreferenz im Widget ändern.

Das Widget für das Kopfzeilenmenü verwendet beispielsweise die Angular-Vorlage menuTemplate. Wenn Sie das Widget für das Kopfzeilenmenü klonen, müssen Sie auch die menuTemplate klonen und dem Klon einen eindeutigen Namen geben. Wenn Sie den Klon des Kopfmenü-Widgets öffnen, können Sie einen Verweis auf die „menuTemplate“ im HTML-Code anzeigen.

Abbildung : 3. menuTemplate im Kopfmenü-Widget HTML