Ajouter et configurer le widget Bannière du portail

  • Rversion finale: Washingtondc
  • Mis à jour 1 févr. 2024
  • 2 minutes de lecture

    • Ajoutez un widget Bannière du portail à votre portail et modifiez son apparence et son comportement. Vous pouvez utiliser le widget Bannière du portail pour afficher les annonces, les points forts d’un nouveau produit ou d’une nouvelle fonctionnalité et des informations importantes sur la page du portail.

    Avant de commencer

    Le module d’extension Composants d’interface utilisateur pour les portails clients doit avoir été activé. Pour plus d'informations, voir Activer le module d’extension Composants d’interface utilisateur pour les portails client

    Si vous n’avez pas encore créé la page à laquelle vous souhaitez ajouter le widget, consultez Créer une page pour les widgets du portail configurables.

    Rôle requis : sp_admin ou admin

    Procédure

    1. Accédez au Tous > Portail de services > Configuration du Portail de services.
    2. Sélectionnez Designer.
    3. Sur la page Service Portal Designer, recherchez et sélectionnez la page à laquelle vous souhaitez ajouter le widget.
    4. Sélectionnez l’onglet Widgets .
    5. Dans la section Mises en page, faites glisser la mise en page du conteneur vers la page de modification du portail.
    6. Sur le conteneur, sélectionnez l’icône de crayon ( icône de crayon).
    7. Dans le champ Largeur , sélectionnez Fluide.
    8. Sélectionnez Enregistrer.
    9. Sur le conteneur, ajoutez un ensemble de colonnes en sélectionnant le bouton Plus ( bouton Plus).
    10. Dans la colonne, sélectionnez l’icône Modifier les propriétés de la page (icône Modifier les propriétés de la page).
      Remarque :
      Vérifiez que l’option Colonne est sélectionnée dans la navigation de fils d’Ariane.Bannière du concepteur de portail de services affichant le fil d’Ariane de colonne
    11. Sélectionnez l’icône Modifier les propriétés de la page ( icône Modifier les propriétés de la page. dans la bannière dans Portail de services) Designer.
    12. Dans la fenêtre Page, dans le champ CSS spécifique à la page, collez le code CSS suivant. 
      .col-md-12{ 
     padding-left: 0;
     padding-right: 0; 
 }
.padding-top {
     padding-top: 0;
 }
      Si un message s’affiche sur le périmètre de l’application, sélectionnez ici pour pouvoir modifier l’enregistrement.
    13. Sélectionnez Enregistrer.
    14. Dans le volet Widgets, dans le champ Widget de filtre , saisissez Bannière du portail.
    15. Faites glisser le widget vers le conteneur.
    16. Dans la page Modifier, sélectionnez le widget Bannière du portail.
    17. Sélectionnez l’icône de crayon ( icône de crayon).
    18. Dans le formulaire Instance, dans le champ Présentation , collez le code JSON suivant dans le champ Texte de l’espace réservé de recherche . 
      {
    "title": "enter the title",
    "size": "enter the size of search bar",
    "color": "enter color"
}
      Pour plus d’informations sur chaque paramètre, reportez-vous à la section Paramètres de script pour l’option de recherche dans le widget Bannière du portail.
    19. Renseignez les champs du formulaire Instance.
      Pour obtenir une description des valeurs de champ, consultez la rubrique Formulaire Options d’instance de widget de bannière du portail.
    20. Sélectionnez Enregistrer.