Graph

Table des matières

Nouveau sur Powell Intranet ? Cliquez ici pour obtenir une présentation complète du produit.

Introduction

La webpart Graph est un composant de Powell 365 que l'on retrouve sur différentes pages de l'intranet et qui revêt de nombreuses formes et configurations. Par exemple, si vous cliquez sur un profil d'utilisateur à partir de la page du département des ressources humaines, vous serez redirigé vers une page où un composant web Graph affiche des informations sur chaque utilisateur.

Le composant Graph est un moyen utile de personnaliser et de contrôler ce que vous souhaitez afficher dans votre intranet, avec de nombreuses possibilités, éléments et configurations disponibles.

Avec cette webpart, vous pouvez afficher différents types d'éléments tels que des événements, des actualités, des pages, des documents, des personnes ou des éléments basés sur une liste spécifique.

 

.

mceclip2.png

Exemple du composant web Graph à partir de la page des ressources humaines

 

Paramètres

  • Après avoir sélectionné le composant Graph, le formulaire de mode édition suivant apparaîtra.

mceclip3.png

Mode édition de la webpart Graph

 

Nous expliquerons comment configurer chaque section ci-dessous :

 

Configuration de liste / List configuration

La section "Configuration de la liste" vous permet d'indiquer le type d'éléments que vous souhaitez dans votre composant web. Vous devez spécifier à partir de quelle liste le composant web collectera les éléments.

 

mceclip3.png

Mode édition du composant Graph, section configuration de la liste
 
Lors du choix de la liste, vous disposez de différents paramètres disponibles ; vous pouvez :
  • "Utiliser les métadonnées de la page". Si vous décidez d'utiliser les métadonnées de la page, vous n'aurez pas à configurer d'autres paramètres dans cette section ; toutes les données seront extraites des métadonnées de la page.

mceclip1.png

Mode édition du composant web Graph, section configuration de la liste lorsque "Utiliser les métadonnées de la page" est sélectionné

  • Définir l'URL du site pour choisir le site à partir duquel vous souhaitez charger les listes, puis en choisir une dans la liste déroulante. Vous devez entrer l'URL du site, cliquer sur le bouton "Charger les listes" et vous pourrez ensuite choisir parmi les listes du site dans la liste déroulante.
  • "Utiliser les paramètres de chaîne de requête" ("Use query string parameters") pour activer l'utilisation de la chaîne de requête et obtenir toutes les informations sur les éléments à partir de l'URL 
  • "Filtrer uniquement mon contenu" pour ne récupérer que votre contenu dans ce composant.
 

Affichage / Display

La section "Affichage" vous permet de sélectionner comment afficher vos éléments dans votre composant web.

Vous pouvez soit sélectionner une vue de liste basique pour afficher vos éléments dans votre modèle, soit choisir d'utiliser nos modèles Powell 365.

  • Type de vue "Liste" : vos éléments seront affichés sous forme de liste basique. Vous pouvez :
    • Choisir d'afficher des options avancées dans votre composant
    • Indiquer le nombre maximum d'éléments que vous souhaitez dans le formulaire "Nombre maximal de résultats"
    • Paginer les éléments de votre liste
    • Vous pouvez choisir de trier les résultats de votre requête. Veuillez noter qu'il est nécessaire de spécifier une propriété gérée qui peut être triée, vous pouvez décider de trier chaque propriété par ordre croissant ou décroissant.

mceclip1.png

Mode édition du composant web Graph, section affichage : type de vue "Liste"

  • Type de vue "Modèle d'affichage" : Powell 365 propose de nombreux modèles pour vous permettre de bénéficier de la meilleure expérience de personnalisation. Les modèles disponibles dans la liste déroulante sont significatifs. Ils sont organisés de manière à donner à l'utilisateur une idée de l'objectif du modèle, de la présentation pour laquelle il a été conçu et des cas d'utilisation pour lesquels chaque modèle convient le mieux. (Par exemple, liste d'événements, carrousel d'actualités, vignettes de personnes, ...). Vous pouvez :

    • Indiquer le nombre maximum d'éléments que vous souhaitez dans le formulaire "Nombre maximal de résultats"

    • Personnaliser l'affichage de vos éléments pour chaque appareil et rendre l'affichage plus pertinent. Vous pouvez sélectionner le nombre d'éléments que vous souhaitez par ligne et (si le modèle le permet) la hauteur sur chaque appareil.

    • Paginer les éléments de votre liste

    • Vous pouvez choisir de trier les résultats de votre requête. Veuillez noter qu'il est nécessaire de spécifier une propriété gérée qui peut être triée ; vous pouvez décider de trier chaque propriété par ordre croissant ou décroissant.

mceclip0.png

Mode édition du composant Graph, section affichage : type de vue "Modèle d'affichage"

 

9.png
Mode édition du composant Graph, section affichage
 

Mapping

La section "Mapping" vous permet de sélectionner comment mapper les éléments dans votre webpart.

La configuration de cette section dépend du type de vue que vous avez choisi dans la section "Affichage".

Pour le type de vue : "Liste"

Ce qui suit s'applique uniquement lorsque l'utilisateur sélectionne la vue "Liste".

Vous pouvez ajouter une colonne en cliquant sur le bouton "Ajouter une colonne". Vous pouvez également modifier et supprimer chaque colonne à l'aide des boutons en haut à droite de sa configuration.

Pour chaque colonne, vous pouvez :

  • Définir un titre de colonne et ajouter différentes langues
  • Choisir de l'afficher dans le tableau
  • Définir le contenu et le type de la colonne
  • Ajouter une URL
mceclip4.png
Mode édition du composant web Graph, section mapping pour le type de vue "Liste"

 

Pour le type de vue : "Modèle d'affichage"

La partie suivante s'applique uniquement lorsque l'utilisateur sélectionne le type de vue "Modèle d'affichage". Ici, le mapping est lié à l'affichage choisi.

Pour mapper ce composant web, vous pouvez choisir de :

  • Sélectionner un champ "titre" et choisir de le "Mapper en tant que champ Publishing",
  • Sélectionner un champ "image" et choisir de le "Mapper en tant que champ Publishing",
  • Définir la "Taille de l'image" et indiquer si vous souhaitez "Utiliser les rendus modernes",
  • Sélectionner un champ "département" et choisir de le "Mapper en tant que champ Publishing",
  • Sélectionner un champ "pays" et choisir de le "Mapper en tant que champ Publishing",
  • Sélectionnez un champ "fonction" et choisissez de le "Mapper en tant que champ Publishing",
  • Sélectionnez un champ "description" et choisissez de le "Mapper en tant que champ Publishing",
  • Sélectionnez la "date" et choisissez de la "Mapper en tant que champ Publishing",
  • Définissez le "Format de date",
  • Sélectionnez le champ "contenu" et choisissez de le "Mapper en tant que champ Publishing".
mceclip2.png
Graph web-part edit mode, mapping section for the view type "Display template."
 

Divers / Miscellaneous

La section "Divers" est l'endroit où vous définirez les comportements divers de votre composant web.

Dans cette section, vous pouvez :

  • Ajouter une option "Voir plus" : Si vous cochez cette option, vous pouvez sélectionner l'étiquette "voir plus" qui sera affichée sur le bouton "voir plus". Si vous le laissez vide, cela affichera "Voir plus" par défaut. Vous pouvez ajouter une URL - lorsque les utilisateurs cliqueront sur le bouton, ils seront redirigés vers cette page URL.
  • Définir le comportement de la webpart s'il n'y a aucun résultat/élément à afficher.
  • Désactiver le cache

mceclip2.png
Mode édition du composant Graph, section divers.
 
 
Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 1 sur 2