Ajouter et configurer le widget de bannière du portail

  • Rversion finale: Australia
  • Mis à jour 12 mars 2026
  • 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 des annonces, des points forts de nouveaux produits ou fonctionnalités, ainsi que des informations importantes sur la page du portail.

    Avant de commencer

    Le module d’extension UI Components for Customer Portals doit avoir été activé. Pour plus d'informations, voir Activer le module d’extension UI Components for Customer Portals

    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 configurables.

    Rôle requis : sp_admin

    Pourquoi et quand exécuter cette tâche

    Procédure

    1. Accédez au Tous > 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. Ajoutez un conteneur.
      1. Sélectionnez l’onglet Widgets .
      2. Dans la section Mises en page, faites glisser la mise en page Conteneur sur la page de modification du portail.
      3. Dans le conteneur, sélectionnez l’icône Crayon (icône Crayon).
      4. Dans le champ Largeur , sélectionnez Fluide.
      5. Sélectionnez Enregistrer.
    5. Ajoutez des colonnes au conteneur.
      1. Dans le conteneur, ajoutez un ensemble de colonnes en sélectionnant le bouton plus ( Bouton Plus).
      2. 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 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 la colonne
      3. 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.
      4. 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.
      5. Sélectionnez Enregistrer.
    6. Ajoutez un widget de bannière du portail.
      1. Dans le volet Widgets, dans le champ Widget de filtre , saisissez Bannière du portail.
      2. Faites glisser le widget sur le conteneur.
      3. Dans la page Modifier, sélectionnez le widget Bannière du portail.
      4. Sélectionnez l’icône Crayon (icône Crayon).
      5. 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.
      6. Renseignez les champs du formulaire Instance.
        Pour obtenir une description des valeurs de champ, consultez la rubrique Formulaire d’options d’instance de widget de bannière du portail.
      7. Sélectionnez Enregistrer.