Partager via


Conception d’un composant WebPart SharePoint

Avant de concevoir un composant WebPart SharePoint, vous devez comprendre comment créer des pages dans un site SharePoint. Si ce n’est pas déjà fait, prenez le temps de créer une page et d’ajouter plusieurs types de composants WebPart. Il est important de savoir tirer parti des composants et des styles Office Fabric pour rendre votre nouveau composant WebPart opérationnel plus vite et plus facilement.

Lorsque vous concevez des composants WebPart, il est important de vous familiariser avec les concepts suivants :

Types de volets de propriétés

Trois types de volets de propriétés sont à votre disposition pour concevoir et développer des composants WebPart adaptés aux besoins de votre entreprise ou de vos clients.

Pour ouvrir un volet et configurer les paramètres d’un composant WebPart, sélectionnez Modifier. Utilisez le volet pour activer et désactiver des fonctionnalités, sélectionner une source, choisir une disposition et définir des options. Modifiez le contenu du composant WebPart à l’intérieur du composant WebPart plutôt que dans le volet de propriétés.

Le volet de propriétés s’affiche en 320 px. À l’ouverture, la page s’ajuste dynamiquement.

Volet unique

Utilisez un seul volet pour les composants WebPart simples ayant peu de propriétés à configurer.

Volet unique


Volet accordéon

Un volet accordéon peut contenir un ou plusieurs groupes de propriétés avec de nombreuses options, dans le cas où l’affichage de tous les groupes entraîne l’affichage d’une longue liste d’options qui oblige l’utilisateur à faire défiler le panneau. Imaginons par exemple que vous ayez trois groupes nommés Propriétés, Apparence et Disposition, ayant chacun dix composants.

Utilisez les volets accordéon pour appliquer la catégorisation d’un composant WebPart complexe.

Volet accordéon


Exemple de groupes accordéon avec le dernier volet ouvert

Volet accordéon affichant dernier volet ouvert


Exemple de groupes accordéon avec deux groupes ouverts

Volet accordéon affichant deux groupes ouverts


Volet d’étapes

Utilisez un volet d’étapes pour regrouper les propriétés en plusieurs étapes ou pages lorsque le composant WebPart doit être configuré dans un ordre linéaire ou lorsque les choix effectués à la première étape modifient les options qui s’affichent à la deuxième ou à la troisième.

Étape 1 du volet d’étapes

À l’étape 1, le bouton Précédent est désactivé et le bouton Suivant est activé.

Volet d’étapes avec le bouton Suivant activé


Étape 2 du volet d’étapes

À l’étape 2, les boutons Précédent et Suivant sont activés.

Volet d’étapes avec les boutons Précédent et Suivant activés


Étape 3 du volet d’étapes

À l’étape 3, le bouton Suivant est désactivé et le bouton Précédent est activé.

Volet d’étapes avec le bouton Précédent activé

Voir aussi