Ajouter et configurer le widget de bannière du portail

  • Rversion finale: Yokohama
  • Mis à jour 30 janv. 2025
  • 2 minutes de lecture

    • Ajoutez un widget de 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 fonctionnalité, ainsi que 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 clients

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

    Rôle requis : sp_admin ou admin

    Procédure

    1. Accédez au Tout > Portail de services > Configuration du Portail de services.
    2. Sélectionnez Designer.
    3. Sur la page Concepteur de portail de services, 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 Conteneur sur la page de modification du portail.
    6. Dans le conteneur, sélectionnez l’icône Crayon (icône Crayon).
    7. Dans le champ Largeur , sélectionnez Fluide.
    8. Sélectionnez Enregistrer.
    9. Dans 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 la colonne est sélectionnée dans la navigation de fils d’Ariane.Bannière Service Portal Designer 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 Crayon (icône Crayon).
    18. Sur 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 de 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.