Fügen Sie das Portalbanner-Widget hinzu, und konfigurieren Sie es

  • Freigeben Version: Yokohama
  • Aktualisiert 30. Januar 2025
  • 1 Minute Lesedauer

    • Fügen Sie Ihrem Portal ein Portalbanner-Widget hinzu, und ändern Sie dessen Darstellung und Verhalten. Sie können das Portalbanner-Widget verwenden, um Ankündigungen, neue Produkt- oder Funktions-Highlights und wichtige Informationen auf der Portalseite anzuzeigen.

    Vorbereitungen

    Das Plugin „UI Components for Customer Portals“ muss aktiviert sein. Weitere Informationen finden Sie unter Aktivieren Sie das Plugin „UI Components for Customer Portals“.

    Wenn Sie die Seite, der Sie das Widget hinzufügen möchten, noch nicht erstellt haben, lesen Sie unter Erstellen Sie eine Seite für konfigurierbare Portal-Widgetsnach.

    Erforderliche Rolle: sp_admin oder admin

    Prozedur

    1. Navigieren Sie zu Alle > Service Portal > Serviceportal-Konfiguration.
    2. Wählen Sie Designer aus.
    3. Suchen Sie auf der Seite Serviceportal-Designer nach der Seite, der Sie das Widget hinzufügen möchten, und wählen Sie sie aus.
    4. Wählen Sie die Registerkarte Widgets.
    5. Ziehen Sie im Abschnitt Layouts das Containerlayout auf die Bearbeitungsseite des Portals.
    6. Wählen Sie im Container das Bleistiftsymbol ( Bleistiftsymbol).
    7. Wählen Sie im Feld Breitedie Option Fließendaus.
    8. Wählen Sie Speichern.
    9. Fügen Sie im Container eine Reihe von Spalten hinzu, indem Sie die Plus-Schaltfläche ( Plus-Schaltfläche) wählen.
    10. Wählen Sie in der Spalte das Symbol Seiteneigenschaften bearbeiten ( Symbol Seiteneigenschaften bearbeiten.).
      Hinweis:
      Vergewissern Sie sich, dass in der Breadcrumbs-Navigation Spalte ausgewählt ist.Banner des Serviceportal-Designers, in dem das Spalten-Breadcrumb angezeigt wird
    11. Wählen Sie das Symbol zum Bearbeiten von Seiteneigenschaften ( Symbol zum Bearbeiten von Seiteneigenschaften.) im Banner im Designer Serviceportal.
    12. Fügen Sie im Seitenfenster im Feld Seitenspezifisches CSS den folgenden CSS-Code ein. 
      .col-md-12{ 
     padding-left: 0;
     padding-right: 0; 
 }
.padding-top {
     padding-top: 0;
 }
      Wenn eine Nachricht zum Anwendungsbereich angezeigt wird, wählen Sie hier, um den Datensatz bearbeiten zu können.
    13. Wählen Sie Speichern.
    14. Geben Sie im Bereich Widgets im Feld Filter-WidgetPortalbannerein.
    15. Ziehen Sie das Widget auf den Container.
    16. Wählen Sie auf der Seite „Bearbeiten“ das Widget Portalbanner aus.
    17. Wählen Sie das Bleistiftsymbol ( Bleistiftsymbol).
    18. Fügen Sie im Formular Instanz im Feld Präsentation den folgenden JSON-Code in das Feld Platzhaltertext für Suche ein. 
      {
    "title": "enter the title",
    "size": "enter the size of search bar",
    "color": "enter color"
}
      Weitere Informationen zu den einzelnen Parametern finden Sie unter Skriptparameter für die Suchoption im Portalbanner-Widget.
    19. Füllen Sie die Felder im Formular „Instanz“ aus.
      Eine Beschreibung der Feldwerte finden Sie unter Formular mit Optionen für Widget-Instanz „Portalbanner“..
    20. Wählen Sie Speichern.