Erstellen Sie eine CSS-Inclusion, für die das Design überschrieben werden soll KI-Suche In Serviceportal

  • Freigeben Version: Zurich
  • Aktualisiert 25. August 2025
  • 2 Minuten Lesedauer
  • Design für überschreiben KI-Suche In Serviceportal Passend zu Ihrem Unternehmens-Branding.

    Vorbereitungen

    Erforderliche Rolle: sp_admin oder admin

    Warum und wann dieser Vorgang ausgeführt wird

    Als Beispiel für Stilfunktionen von KI-Suche In Serviceportal, Mit diesem Verfahren werden die Rahmen um entfernt Suchfilter . Sie können mehrere andere Funktionen mit zusätzlichen CSS-Variablen formatieren. Weitere Informationen zu diesen Variablen finden Sie unter Design für KI-Suche In Serviceportal.

    Suchfilter : Zeilenrahmen um Suchfilter entfernen.

    Suchfilterbereich mit Zeilenrahmen.

    Prozedur

    1. Erstellen Sie einen Stylesheet-Datensatz.
      1. Geben Sie Ein sp_css.do Im Filternavigator.
      2. Füllen Sie im Formular die Felder aus.
        Tabelle : 1. Stylesheet-Formular
        Feld Beschreibung
        Name Eindeutiger Name für Ihr Stylesheet. Beispiel: Sp_ais.css.
        CSS Feld für Ihren CSS-Code. Geben Sie diesen Code ein, und passen Sie dann die Variablen an.
        Um den Rahmen für den Suchfilterbereich zu entfernen, fügen Sie diesen Code ein, und passen Sie ihn nach Bedarf an.
        sn-search-facets {
          --now-color--divider-tertiary: 0px !important;
        }
        Anwendung Anwendung, für die dieses Stylesheet gilt. Global bedeutet, dass das Stylesheet für alle Anwendungen gilt.
      3. Wählen Sie Absenden.
    2. Erstellen Sie einen CSS-Einbindungsdatensatz.
      1. Geben Sie Ein sp_css_include.do Im Filternavigator.
      2. Füllen Sie im Formular die Felder aus.
        Tabelle : 2. CSS-Einbindungsformular
        Feld Beschreibung
        Name Eindeutiger Name für Ihren CSS-Einbindungsdatensatz.
        Quelle Quelle für Ihre CSS-Einbindung. Wählen Sie Aus Stylesheet .
        Stylesheet Das Stylesheet, das Sie in dieses CSS-Einbindungsformular integrieren möchten. Wählen Sie das Stylesheet aus, das Sie in Schritt erstellt haben 1.
        Anwendung Anwendung, für die dieser CSS-Einbindungsdatensatz gilt. Global bedeutet, dass die CSS-Include für alle Anwendungen gilt.
        Verzögertes Laden

        Option zum asynchronen Laden der CSS-Inclusion, um die Ladezeit der Seite zu verbessern. Diese Option sollte für alle CSS-Einbindungen eines Designs auf denselben Wert festgelegt werden. Es wird nicht empfohlen, das asynchrone Laden nur für einige CSS-Einbindungen zu aktivieren, die einem Design zugeordnet sind.

        Hinweis:
        Wird Aktiviert Verzögertes Laden Wird nicht für Portale empfohlen, bei denen nicht formatierte Inhalte blinken.

        Das CSS enthält mit Verzögertes Laden Aktiviert sind in aufgeführt Verzögertes Laden von CSS-Einbindungen Zugehörige Liste im Designdatensatz.

    3. Geben Sie Ihre CSS-Überschreibung in das Stylesheet-Formular ein, und überschreiben Sie das Design, das auf Ihre Anwenderoberfläche angewendet wird.
      1. Geben Sie Ein m2m_sp_Theme_css_include Im Filternavigator.
      2. Füllen Sie im Formular die Felder aus.
        Tabelle : 3. Formular „Stylesheets“
        Feld Beschreibung
        Reihenfolge Eine Ganzzahl, die die Integration dieses Stylesheets in andere Stylesheets priorisiert. Je niedriger die Zahl, desto höher in der Liste. Die typische Praxis besteht darin, diese Zahlen zu Hunderten zu machen, z. B. 100, 200, 300, und 400, damit Sie in Zukunft neue Symbole zwischen vorhandenen platzieren können.
        CSS beinhaltet CSS-Include, die die Überschreibungen enthält, die Sie in den vorherigen Schritten erstellt haben.
        Anwendung Anwendung, für die dieses Stylesheet gilt. Global bedeutet, dass das Stylesheet für alle Anwendungen gilt.
        Design Design, das auf Ihre Anwenderoberfläche angewendet wird, die Sie überschreiben möchten.
      3. Wählen Sie Absenden.

    Ergebnisse

    Die Rahmen um den herum Suchfilter werden entfernt .Suchfilterbereich mit entfernten Linienrahmen.