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

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 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 unterAktivieren Sie das Plugin „UI Components for Customer Portals“.

    Wenn Sie die Seite, der Sie das Widget hinzufügen möchten, noch nicht erstellt haben, finden Sie weitere Informationen unter Erstellen Sie eine Seite für die Widgets des konfigurierbaren Portals.

    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 „Service Portal 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 aus.
    5. Ziehen Sie im Abschnitt „Layouts“ das Containerlayout auf die Bearbeitungsseite des Portals.
    6. Wählen Sie im Container das Bleistiftsymbol ( Stiftsymbol) aus.
    7. Wählen Sie im Feld Breite die Option Fließendaus.
    8. Wählen Sie Speichern.
    9. Fügen Sie im Container eine Reihe von Spalten hinzu, indem Sie auf die Plus-Schaltfläche ( Plus-Schaltfläche) klicken.
    10. Wählen Sie in der Spalte das Symbol „ Seiteneigenschaften bearbeiten“ (Symbol „Seiteneigenschaften bearbeiten“) aus.
      Hinweis:
      Stellen Sie sicher, dass Spalte in der Breadcrumbs-Navigation ausgewählt ist.Service Portal Designer-Banner mit Spalten-Breadcrumb
    11. Wählen Sie das Symbol „ Seiteneigenschaften bearbeiten“ (Symbol „Seiteneigenschaften bearbeiten“ im Banner in Serviceportal) Designer.
    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 aus, um den Datensatz bearbeiten zu können.
    13. Wählen Sie Speichern.
    14. Geben Sie im Bereich Widgets im Feld Filter-WidgetPortal-Bannerein.
    15. Ziehen Sie das Widget auf den Container.
    16. Wählen Sie auf der Seite „Bearbeiten“ das Widget „Portalbanner“ aus.
    17. Klicken Sie auf das Stiftsymbol ( Stiftsymbol).
    18. Fügen Sie im Instanzformular 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 des Formulars „Instanz“ aus.
      Eine Beschreibung der Feldwerte finden Sie unter Formular „Instanzoptionen für Portalbanner-Widget“..
    20. Wählen Sie Speichern.