Présentation du composant

Avec le composant Bouton image, vous pouvez facilement définir une image cliquable avec un lien vers une communication, un document ou un espace spécifique dans votre Digital Workplace.

Fonctionnalité utilisateur

L'utilisateur peut ouvrir le lien lié à votre communication de différentes manières :

Dans l'onglet actuel
Dans un nouvel onglet
Dans un panneau latéral
Dans un iframe

Cas d'usage

Vous pouvez créer une communication visuelle et rediriger vers :

Un espace SharePoint
Un article
Un document
Un sondage ou un formulaire
Une application

Ajouter le composant

Ouvrez le mode édition de la page SharePoint en cliquant sur modifier en haut à droite de la page,
À l'emplacement désiré, sélectionnez le bouton + pour ouvrir le catalogue de composant,
Recherchez ou déroulez le catalogue pour sélectionner le composant bouton image dans la catégorie "Texte, médias et contenu",
Le composant est rajouté à l'emplacement désiré.

Paramétrage du composant

Il existe 3 catégories de paramètres disponibles pour le composant Actualités :

Agencement
Paramètres de contenu
Affichage

Les options génériques de personnalisation ne sont pas couvertes dans cet article. Vous trouverez des détails et des conseils sur ces options dans l'article Personnalisation du Design des composants.

1. Agencement

Choisissez la taille de la webpart en cliquant sur : Petit, Moyen ou Grand. Cela correspond aux tailles standards des webparts de Jint que vous pouvez utiliser pour aligner les webparts sur vos pages.
Personnalisez la taille de la webpart en ajoutant la quantité de pixels sous "Personnaliser".
Adaptez automatiquement la hauteur de la webpart à l'image en activant "Ajuster la webpart à l'image".

2. Paramètres de contenu

Le bouton image vous permet de définir le comportement lors du clic : Ouvrir un lien ou une PowerApps en fournissant l'ID de l'app. Vous pouvez trouver l'ID en suivant la Documentation Microsoft .
Définissez comment le lien s'ouvre : dans un nouvel onglet, dans le même onglet, dans une fenêtre, ou dans un panel

Site ouvert dans une fenêtre

Site ouvert dans un panel

Notez que vous pouvez choisir la taille du panel, 25, 35 ou 50 pourcent de l'écran.

3. Affichage

Sélectionnez une image.
Ajoutez une image en cliquant sur "Sélectionner une image".
Sélectionnez une image parmi trois options différentes :
Récent : choisissez une image qui a été récemment utilisée.
Images de stock : recherchez une image de stock en ajoutant un mot-clé dans la barre de recherche, ou choisissez une image de stock parmi les catégories recommandées.
Importer : importez une image depuis votre appareil en cliquant sur "Choisir un fichier".

Une fois l'image sélectionnée, vous pouvez l'insérer en cliquant sur "Insérer". Si vous souhaitez abandonner la sélection d'images, cliquez sur "Annuler".

Si vous souhaitez changer l'image, cliquez sur "Modifier l'image" ou supprimez l'image en cliquant sur l'icône de la corbeille.

4. Paramétrages avancés

4.1 Audiences

Définissez l'audience de votre composant afin de le rendre visible à une population spécifique !

Sélectionnez un ou plusieurs groupes Entra ID comme audience du composant
Seules les personnes appartenant à moins l'un des groupes pourront voir les composants
Le composant n'apparaîtra pas pour les autres utilisateurs

Exemple de disposition :

Recherche

Bienvenue sur l'espace support

Composant Bouton image