Introduction
Dans Smart Tiles, chaque vignette se modifie à l'endroit où elle est affichée : sur la page, en mode édition. Il n'y a aucune liste de liens distincte à maintenir. Cet article décrit les outils de modification d'une vignette individuelle - ajout, boîte de dialogue Propriétés, menu contextuel, réorganisation et suppression. L'apparence d'une vignette - couleurs, icônes, images et tailles - fait l'objet d'articles distincts, dont les liens figurent à la fin.
Pour suivre les étapes, ouvrez la page en mode édition. Le composant WebPart affiche alors les boutons Ajouter une vignette, Exporter et Importer sous les vignettes, ainsi qu'un bouton … dans l'angle supérieur droit de chaque vignette.
Ajouter une vignette
Cliquez sur Ajouter une vignette sous le panneau. Une nouvelle vignette apparaît à la fin, avec un titre provisoire (Tile #4, par exemple), la première couleur d'accentuation du thème, un texte blanc, une icône SharePoint et un lien provisoire qui ne pointe nulle part. Ouvrez immédiatement ses propriétés pour lui donner un titre et un lien.
Le menu contextuel
Cliquez sur le bouton … dans l'angle d'une vignette pour ouvrir son menu contextuel. Tout ce qui peut être modifié sur une vignette commence ici :
| Élément | Fonction |
|---|---|
| Modifier les propriétés | Ouvre la boîte de dialogue Propriétés avec les textes, le lien, la cible et l'audience de la vignette. |
| Taille | Permet de choisir l'une des six largeurs, de Très petit à Pleine largeur. |
| Couleur d’arrière-plan | Permet de choisir une couleur d'arrière-plan, une image d'arrière-plan ou - pour les liens YouTube - la miniature de la vidéo. |
| Couleur de police | Permet de choisir la couleur du titre, de la description et de l'icône standard. |
| Icône de vignette | Ouvre l'un des cinq jeux d'icônes ou permet de choisir une image personnalisée. |
| Supprimer | Supprime la vignette. |
La boîte de dialogue Propriétés
Choisissez Modifier les propriétés pour ouvrir la boîte de dialogue. Vous pouvez la déplacer sur le côté en faisant glisser sa barre de titre, afin que la vignette reste visible pendant que vous la modifiez.
| Champ | Description |
|---|---|
| Titre | Le texte affiché sur la vignette. Il s'affiche sur une seule ligne ; un titre trop long est tronqué par des points de suspension, c'est pourquoi il vaut mieux le garder court. |
| Description | Une seconde ligne facultative en plus petits caractères, également affichée dans l'info-bulle de la vignette. Le champ de saisie a une hauteur de deux lignes, mais la vignette affiche la description sur une seule ligne. |
| URL | Le lien que la vignette ouvre. Obligatoire ; les formats acceptés sont énumérés ci-dessous. Le bouton Enregistrer reste désactivé tant que le lien n'est pas valide. |
| Ouvrir dans un nouvel onglet | Ouvre le lien dans un nouvel onglet du navigateur au lieu de la fenêtre actuelle. L'option n'est pas disponible pour les liens qui ouvrent une application (e-mail, téléphone, SMS, Teams), car de tels liens n'ouvrent jamais d'onglet. |
| Audience | Les groupes SharePoint du site ou les groupes Microsoft Entra ID dont les membres voient la vignette. Laissez le champ vide pour afficher la vignette à tout le monde. |
Cliquez sur Enregistrer pour appliquer les modifications ou sur Annuler pour les annuler.
Formats de lien acceptés
| Lien | Exemple |
|---|---|
| Adresse web | https://contoso.sharepoint.com/sites/hr |
| Chemin sur le locataire actuel | /sites/hr/Shared Documents/Handbook.pdf |
| Ancre sur la page actuelle | #benefits |
mailto:helpdesk@contoso.com | |
| Numéro de téléphone | tel:+15551234567 |
| SMS | sms:+15551234567 |
| Microsoft Teams | msteams:/l/chat/0/0?users=helpdesk@contoso.com |
Un chemin relatif à la racine du serveur, comme /sites/hr/Shared Documents/Handbook.pdf, pointe vers la même destination lorsque le panneau est copié sur un autre site du même hôte. Si le chemin de destination change, mettez le lien à jour.
📝 Remarque
Les liens vers des vidéos YouTube (youtube.com, youtu.be) sont reconnus automatiquement. La vignette reçoit un bouton de lecture à la place de son icône, et le menu Couleur d’arrière-plan propose la Miniature de la vidéo comme arrière-plan.
Réorganiser les vignettes
Faites glisser une vignette à sa nouvelle position avec la souris ; les autres vignettes s'écartent pour lui faire de la place. Le nouvel ordre est enregistré avec la page.
Vignettes ciblées en mode édition
Une vignette associée à une audience affiche en mode édition une petite icône de personnes dans son angle supérieur gauche, afin de distinguer les vignettes ciblées des autres. En mode édition, l'auteur voit toutes les vignettes, quelle que soit leur audience ; le filtrage s'applique à la page publiée.
Supprimer une vignette
Choisissez Supprimer dans le menu contextuel. La vignette disparaît immédiatement, sans confirmation. Si une vignette a été supprimée par erreur, fermez la page sans l'enregistrer - ou utilisez l'historique des versions de la page pour restaurer une version antérieure.
❗ Important
Les modifications apportées aux vignettes sont stockées dans la page. Elles ne deviennent visibles pour les visiteurs qu'après la republication de la page ; d'ici là, les visiteurs voient la version précédente du panneau.
💡 Astuce
Pour modifier l'apparence d'une vignette, consultez KB10043. Couleurs des vignettes dans Smart Tiles : couleurs d'accentuation du thème et couleurs prédéfinies, KB10243. Choisir des icônes pour les vignettes : jeux d'icônes standard, types de fichiers, applications, Azure et Vitextra, KB10245. Définir une image d'arrière-plan pour une vignette et KB10247. Tailles et disposition des vignettes dans Smart Tiles.
En savoir plus sur le produit : https://vitextra.com/fr/products/smart-tiles
