Créer un include CSS pour remplacer le thème dans Recherche IAPortail de services

Remplacez le thème pour Recherche IA qu’il Portail de services corresponde à l’image de marque de votre entreprise.

Avant de commencer

Rôle requis : sp_admin ou admin

Pourquoi et quand exécuter cette tâche

À titre d’exemple de fonctionnalités de style de dans , Portail de services cette procédure supprime les bordures autour du des filtres de Recherche IA recherche. Vous pouvez appliquer un style à plusieurs autres fonctionnalités à l’aide de variables CSS supplémentaires. Pour plus d’informations sur ces variables, reportez-vous à la section Thèmes pour Recherche IA dans Portail de services.

Filtres de recherche : supprimez les bordures de ligne autour des filtres de recherche.

Procédure

1. Créer un enregistrement de feuille de style.
   1. Entrez sp_css.do dans le navigateur de filtre.
   2. Remplissez les champs du formulaire.

      Tableau 1. Formulaire Feuille de style

      Champ	Description
      Nom	Nom unique pour votre feuille de style. Par exemple, sp_ais.css.
      CSS	Champ pour votre code CSS. Saisissez ce code, puis personnalisez les variables. Pour supprimer la bordure du panneau des filtres de recherche, collez ce code et personnalisez comme vous le souhaitez. sn-search-facets { --now-color--divider-tertiary: 0px !important; }
      Application	Application à laquelle cette feuille de style s’applique. Global signifie que la feuille de style s’applique à toutes les applications.

   3. Sélectionnez Soumettre.
2. Créez un enregistrement d’include CSS.
   1. Entrez sp_css_include.do dans le navigateur de filtre.
   2. Remplissez les champs du formulaire.

      Tableau 2. Formulaire d’inclusion CSS

      Champ	Description
      Nom	Nom unique pour votre enregistrement d’include CSS.
      Source	Source pour votre CSS include. Sélectionnez une feuille de style.
      Feuille de style	Feuille de style que vous souhaitez incorporer à ce formulaire d’include CSS. Sélectionnez la feuille de style que vous avez créée à l’étape 1.
      Application	Application à laquelle s’applique cet enregistrement d’include CSS. Global signifie que l’include CSS s’applique à toutes les applications.
      Chargement différé	Option permettant de charger l’include CSS de façon asynchrone pour améliorer le temps de chargement de la page. Cette option doit être définie sur la même valeur pour tous les Includes CSS d’un thème. Il n’est pas recommandé d’activer le chargement asynchrone uniquement pour certains includes CSS associés à un thème. Remarque : L’activation du chargement différé n’est pas recommandée pour les portails avec un clignotement de contenu sans style. Les Includes CSS pour lesquels le chargement différé est activé sont répertoriés dans la liste connexe Includes CSS de chargement différé de l’enregistrement de thème.

3. Saisissez votre remplacement CSS dans le formulaire des feuilles de style et remplacez le thème appliqué à votre interface utilisateur.
   1. Saisissez m2m_sp_theme_css_include dans le navigateur de filtre.
   2. Remplissez les champs du formulaire.

      Tableau 3. Formulaire Feuilles de style

      Champ	Description
      Ordre	Entier qui donne la priorité à l’incorporation de cette feuille de style par rapport à d’autres feuilles de style. Plus le nombre est bas, plus il est haut dans la liste. La pratique typique consiste à faire de ces nombres des centaines, par exemple, 100, 200, 300 et 400, afin de pouvoir mettre de nouvelles icônes entre celles existantes à l’avenir.
      Portail de services Include CSS	Include CSS qui inclut les remplacements que vous avez créés aux étapes précédentes.
      Application	Application à laquelle cette feuille de style s’applique. Global signifie que la feuille de style s’applique à toutes les applications.
      Thème	Thème appliqué à votre interface utilisateur que vous souhaitez remplacer.

   3. Sélectionnez Soumettre.

Résultats

Les bordures autour du des filtres de recherche sont supprimées.

• Thèmes pour Recherche IA dans Portail de services
  Vous pouvez personnaliser l’aspect et la convivialité de l’expérience Recherche IA en Portail de services mettant à jour les variables CSS pertinentes.