Le composant Message d'information affiche une barre colorée, munie d'une icône, pour annoncer une information, un succès, un avertissement ou une erreur sur vos pages SharePoint. Vous saisissez le message directement sur la page et choisissez son type dans le panneau.

Cet article décrit les cas d'usage du composant WebPart, sa prise en main, son paramétrage, la saisie du message sur la page et les bonnes pratiques à suivre.

📋 Sommaire

1. Présentation du composant
2. Ajouter le composant à votre page
3. Paramétrer le composant
4. Saisir et mettre en forme le message sur la page
5. Bonnes pratiques
6. Ce qui change par rapport à la version précédente

1. Présentation du composant

Le Message d'information est une barre qui occupe toute la largeur de sa colonne. Sa couleur et son icône dépendent du Type du message : Flash info, Succès, Avertissement, Avertissement sévère ou Erreur.

💡 Le composant n'a ni titre ni cadre : seule la barre se voit sur la page. C'est pourquoi son panneau ne propose pas de rubrique Titre ni Apparence.

Cas d'usage

• Publier un flash info en haut d'une page d'accueil.
• Confirmer qu'une opération est terminée, comme une migration.
• Prévenir d'une maintenance programmée.
• Signaler un incident en cours.

2. Ajouter le composant à votre page

1. Ouvrez le mode édition de la page SharePoint en cliquant sur Modifier en haut à droite.
2. À l'emplacement souhaité, cliquez sur le bouton « + » pour ouvrir le catalogue de composants.
3. Recherchez ou déroulez le catalogue pour sélectionner Jint - Message d'information, dans la catégorie « Texte, média et contenu ».
4. Le composant est ajouté à l'emplacement souhaité, avec ses valeurs par défaut.

Un Message d'information fraîchement inséré est de type Flash info, avec un message vide qui affiche « Saisissez votre message ». Ce texte indicatif n'est visible qu'en mode édition : tant que le message est vide, vos visiteurs ne voient pas le composant.

3. Paramétrer le composant

Le panneau de configuration se compose de trois onglets : Design, Contenu et Visibilité. Chaque réglage s'applique immédiatement sur la page.

3.1 Onglet Design

Message

Choisissez le type parmi les boutons proposés : la barre change aussitôt d'apparence sur la page. Le fond, le contour et l'icône de chaque type ont des couleurs fixes, quel que soit le thème de votre site.

La rubrique vous rappelle que « Le message se modifie directement sur la page. » (voir la partie 4).

⚠ Changer de Type remet tout le message à la couleur de texte du nouveau type : les couleurs choisies avec la barre d'outils sont perdues. Choisissez le type avant de colorer le texte.

Arrondi

Activez Arrondir la barre pour arrondir les coins de la barre. Les niveaux Doux, Moyen et Marqué apparaissent alors, avec Moyen présélectionné. Pour un rayon précis, cliquez sur le bouton Arrondi personnalisé : le champ Rayon personnalisé apparaît, réglé au rayon du niveau choisi avant.

3.2 Onglet Contenu

Accessibilité

La rubrique Accessibilité mesure le contraste du message avec le fond de la barre. Vous n'avez rien à sélectionner : elle mesure le message dès l'ouverture du panneau, et le mesure de nouveau à chaque modification.

Elle affiche le nom du texte mesuré, Message, son Ratio de contraste et sa Lisibilité globale :

• Excellent : le contraste atteint le niveau AAA.
• Bon : le contraste atteint le niveau AA.
• Insuffisant : le contraste n'atteint pas le niveau AA.

Si le message a plusieurs couleurs, la rubrique retient le contraste le plus faible.

Quand la rubrique affiche Insuffisant, cliquez sur Corriger : chaque couleur du message sous le niveau AA est remplacée par la couleur de la palette la plus proche qui l'atteint.

Tant que le message est vide, la rubrique affiche « Saisissez un message sur la page pour vérifier son contraste. »

3.3 Onglet Visibilité

Audience

Activez Audience personnalisée pour réserver le composant à des personnes ou aux membres de groupes Microsoft 365. Seuls les visiteurs choisis, ou membres d'au moins un groupe choisi, le voient. Pour les autres, il ne prend aucune place sur la page.

Affichage

Activez Planifier la visibilité pour limiter l'affichage dans le temps, avec un Début de l'affichage, une Fin de l'affichage, ou les deux. Chaque date apparaît quand vous activez son interrupteur : le début est proposé à l'instant présent, la fin dans 7 jours.

⚠ Si vous activez Audience personnalisée sans choisir personne, plus personne ne voit le composant. La rubrique vous le signale : « Personne ne voit ce composant WebPart : choisissez au moins une personne ou un groupe. »

⚠ Si la fin de l'affichage précède le début, le panneau affiche « La date de fin doit être postérieure à la date de début. » et la planification ne limite pas l'affichage tant que vous ne l'avez pas corrigée.

💡 En mode édition, vous voyez toujours le composant, quelle que soit son audience ou sa planification. Un badge vous le signale : « Audience », ou les dates d'affichage.

4. Saisir et mettre en forme le message sur la page

Le message se saisit directement sur la page, pas dans le panneau de configuration. Cliquez sur la barre : le message devient modifiable et une barre d'outils s'affiche au-dessus de lui. Cliquez en dehors du message et de la barre d'outils pour valider.

Saisir le message

• Entrée passe à la ligne. Vos visiteurs voient les retours à la ligne tels que vous les avez saisis.
• La barre adapte sa hauteur à la longueur du message.
• Un texte collé perd sa mise en forme d'origine.
• Un mot trop long pour la largeur de la barre est coupé.
• Le message s'affiche tel que vous l'avez saisi, sans traduction automatique.
• Un message qui ne contient que des espaces ou des retours à la ligne est considéré comme vide : vos visiteurs ne voient pas le composant.

⚠ Le message ne peut pas contenir de lien.

Mettre en forme le message

La barre d'outils règle le Style de texte (H1 à H4 ou Corps), la Police, la Taille de police, la Couleur du texte, le gras, l'italique, le souligné et l'alignement. Si la place manque, certains contrôles se replient derrière le bouton Plus.

• Si vous sélectionnez une partie du message, la police, la taille, la couleur, le gras, l'italique et le souligné s'appliquent à la sélection seule. Sans sélection, ils s'appliquent à tout le message.
• L'alignement s'applique toujours à tout le message.
• Le bouton Réinitialiser la mise en forme remet tout le message à sa mise en forme par défaut.

Par défaut, le message est à la couleur de texte de son type, en 14 px.

5. Bonnes pratiques

Choisir le type selon la gravité

Vos visiteurs associent chaque couleur à un niveau d'urgence. Réservez Erreur et Avertissement sévère aux situations qui demandent une action ou bloquent le travail, pour qu'ils gardent leur force.

Garder un message court

Une ou deux phrases suffisent. Pour un contenu plus long, renvoyez vers une actualité ou une page dédiée.

Vérifier le contraste après avoir coloré le texte

Après avoir changé la couleur du message, consultez la rubrique Accessibilité de l'onglet Contenu. Visez au minimum Bon, ou cliquez sur Corriger.

Planifier la fin d'un message temporaire

Pour une maintenance ou un incident, activez Fin de l'affichage dans l'onglet Visibilité : le message disparaît de lui-même une fois la date passée.

6. Ce qui change par rapport à la version précédente

Si vous utilisiez la version précédente du composant (voir l'article Composant Message d'information) :

• Le type Flash info remplace Information et devient le type par défaut. Succès, Avertissement, Avertissement sévère et Erreur restent proposés.
• Le message se saisit et se met en forme directement sur la page, avec la barre d'outils de texte : police, taille, couleur, gras, italique, souligné et alignement. Il peut tenir sur plusieurs lignes.
• Nouvelle rubrique Arrondi, pour arrondir les coins de la barre.
• Nouvelle rubrique Accessibilité, qui mesure le contraste du message et le corrige en un clic.
• Le panneau s'organise en trois onglets, Design, Contenu et Visibilité. L'onglet Visibilité permet de réserver le composant à une audience et d'en planifier l'affichage.
• Tant que le message est vide, le composant reste invisible pour vos visiteurs.