Expériences de composants WebPart classiques et modernes

Les composants WebPart dans SharePoint ont permis aux utilisateurs de tous niveaux d’expérience d’ajouter des fonctionnalités puissantes et personnalisables à leurs pages.  Les composants WebPart modernes sont conçus pour être encore plus faciles à utiliser, prêts pour les appareils mobiles et attrayants.

De nombreux composants WebPart modernes remplissent les mêmes objectifs que les composants WebPart classiques, mais vous constaterez des différences dans l’apparence et les fonctionnalités.

Il est important de noter que les pages modernes ne peuvent utiliser que des composants WebPart modernes et que les pages classiques ne peuvent utiliser que des composants WebPart classiques. Les exceptions sont des composants WebPart personnalisés spécialement conçus pour être utilisés sur des pages modernes. Pour les développeurs, SharePoint Framework permet la création de composants WebPart modernes personnalisés qui s’affichent directement dans la boîte à outils du composant WebPart. Les développeurs peuvent également trouver des conseils et des outils sur Moderniser vos sites SharePoint classiques. 

Il est important de noter que, pour des raisons de sécurité, les composants WebPart modernes n’autorisent pas l’insertion de code comme JScript.

Comparaison des composants WebPart modernes et classiques

Il n’existe pas de mappage 1:1 entre les composants WebPart classiques et modernes, mais il existe des composants WebPart ayant des objectifs similaires.  Voici un aperçu de certains composants WebPart couramment utilisés en fonction de leurs finalités et de certaines des différences entre les composants WebPart modernes.

Objectif	Classique	Moderne
Ajouter du texte et d’autres contenus	Composant WebPart Éditeur de contenu, Ajouter du texte et d’autres contenus directement à une page Wiki	Composant WebPart Texte Le composant WebPart Texte vous permet d’ajouter et de mettre en forme facilement du texte et des tableaux sur une page. Il dispose d’une barre d’outils de mise en forme dans laquelle vous pouvez mettre en forme le texte, modifier les styles, etc. Toutefois, contrairement au composant WebPart Éditeur de contenu, vous ne pouvez pas modifier le HTML dans le composant WebPart. Les tables imbriquées ne sont pas encore prises en charge. La syntaxe wiki, comme celle utilisée pour créer des liens depuis et vers les pages, n’est pas prise en charge sur les pages ou dans le composant WebPart Texte, mais il est facile de créer des liens dans le composant WebPart Texte. Il n’est pas encore possible d’ajouter des images en ligne dans le composant WebPart Texte, mais vous pouvez ajouter des images à côté du composant WebPart Texte à l’aide du composant WebPart Image.
Afficher une bibliothèque de documents	Bibliothèque	Bibliothèque de documents Lorsque vous créez une bibliothèque sur un site classique, un composant WebPart de bibliothèque est automatiquement créé et vous pouvez choisir de l’afficher sur une page. Lorsque vous utilisez le composant WebPart de la bibliothèque de documents moderne, vous pouvez choisir une bibliothèque à afficher et afficher une vue spécifique de la bibliothèque ou même un dossier dans la bibliothèque. Les utilisateurs disposant des autorisations appropriées peuvent ajouter, afficher ou modifier des fichiers directement à partir du composant WebPart. Les utilisateurs peuvent également épingler un document en haut de la bibliothèque, télécharger, supprimer et renommer des fichiers. En outre, les fichiers peuvent être affichés dans un affichage détaillé ou dans un affichage de vignettes, et la mise en forme des colonnes et les dossiers imbriqués créés dans la liste des sources sont affichés.
Afficher une liste	Liste	Liste Lorsque vous créez une liste sur un site classique, un composant WebPart de liste est automatiquement créé pour cette liste et vous pouvez choisir de l’afficher sur une page. Le composant WebPart Liste moderne vous permet de choisir une liste et de la personnaliser avec votre propre titre, affichage et même taille. Les utilisateurs peuvent afficher, filtrer, trier et regrouper la liste. En outre, les colonnes mises en forme et les groupes imbriqués créés dans la liste source sont affichés dans le composant WebPart.
Afficher un fichier	Visionneuse de page	Visionneuse de fichiers Le composant WebPart Visionneuse de fichiers moderne vous permet d’incorporer plus de 270+ types de fichiers, y compris non seulement des fichiers Word, Excel et PowerPoint familiers, mais également des types de fichiers avancés tels que des modèles 3D et des images médicales. Remarque : Dans SharePoint 2019, les types de fichiers pouvant être insérés sont limités à Word, Excel et PowerPoint (en particulier .doc, .docx, . xls, .xlsx, .pot, .potx, .ppt et .pptx).Incorporer un composant WebPart Le composant WebPart Incorporer vous permet d’afficher du contenu sur votre page à partir de sites qui autorisent l’incorporation (comme YouTube, par exemple). Selon le site web, vous pouvez utiliser l’adresse web du site ou incorporer le code fourni par le site.
Ajouter des contacts	Composant WebPart Détails du contact	Composant WebPart People Le composant WebPart Détails du contact classique vous permet d’ajouter manuellement un contact à la fois. Le composant WebPart People moderne vous permet d’ajouter plusieurs contacts à partir de profils d’utilisateurs, ainsi que des informations visuelles et organisationnelles. L’apparence des détails d’un contact peut être modifiée de compacte à descriptive, ce qui signifie que plus de détails sur un contact peuvent être affichés directement sur la page.
Ajouter des images	Composant WebPart Image, Composant WebPart Éditeur de contenu, Bibliothèque d’images	Composant WebPart Image Le composant WebPart Image ajoute des sources supplémentaires pour l’image : récent, recherche web et OneDrive. Le dimensionnement de l’image peut être modifié en fonction des ratios standard et personnalisés. Composant WebPart Bibliothèque d’images Le composant WebPart Galerie d’images vous permet d’ajouter des images dans une disposition de vignette ou de carrousel. Dans la disposition de carrousel, les images peuvent être définies sur des tailles de rapport familières. Les images plus petites sont redimensionnées en fonction du taux de remplissage, mais les images plus grandes ne sont pas redimensionnées. Composant WebPart Hero Le composant WebPart Hero peut être défini pour afficher jusqu’à 5 éléments dans une disposition de vignette ou de couche, en mettant l’accent sur des éléments individuels selon les besoins. Les éléments individuels peuvent avoir des titres, des images spécifiques et un texte de remplacement. Vous pouvez également organiser les éléments selon vos besoins. Visionneuse de fichiers Utilisez la visionneuse de fichiers pour afficher des modèles 3D. Ceci est particulièrement utile pour les modèles médicaux.
Afficher les vidéos sur une page	Composant WebPart Média	Visionneuse de fichiers Le composant WebPart Visionneuse de fichiers vous permet d’afficher des vidéos locales à partir de votre site SharePoint (par exemple, MOV, .MP4 et . WMV). Incorporer un composant WebPart Avec le composant WebPart Incorporer, vous pouvez afficher des vidéos (ou d’autres contenus) sur votre page à partir de sites qui autorisent l’incorporation (comme YouTube, par exemple). Selon le site web à partir duquel vous incorporez, vous pouvez utiliser l’adresse web du site ou incorporer le code fourni par le site. SharePoint dans Microsoft 365 uniquement. Stream vidéo Le composant WebPart vidéo Stream lit les vidéos du service Microsoft Stream sous la forme d’un format vidéo multiple appelé canal ou d’une vidéo unique. Il ajoute des paramètres de lecture avancés et sociaux à jour, tels que le fait d’aimer, la modification de la vitesse de relecture, le visionnage avec des sous-titres générés (en espagnol et en anglais uniquement) et la création de listes de lecture. Aucun plug-in de navigateur supplémentaire n’est requis. Les autorisations et métadonnées spécifiques aux vidéos sont définies dans le service Microsoft Stream. Composant WebPart YouTube Le composant WebPart YouTube vous permet d’intégrer des vidéos YouTube directement sur votre page, notamment en vous permettant de définir l’heure de début et d’afficher les contrôles du lecteur.
Afficher les dates et heures des réunions et événements à venir	Calendar	Événements Le composant WebPart Événements affiche les événements dans un format personnalisable, de carte de plage de dates ou de pellicule. Les données d’événement développées peuvent également avoir des images d’événement, des cartes Bing et des données de réunion. Vous pouvez télécharger les réunions avec . ICS, mais le composant WebPart Événements ne peut pas se connecter ou lire à partir d’un service de calendrier Exchange. Le composant WebPart Événements utilise la même liste que le composant WebPart Calendar, mais les colonnes personnalisées ne sont pas affichées dans le composant WebPart Événements. Calendrier de groupe Le composant WebPart Calendrier de groupe utilise l’application Calendrier de groupe Microsoft 365 pour le stockage des événements. Impossible d’ajouter de nouveaux événements de groupe avec le composant WebPart Calendrier de groupe. Les événements sont affichés sous forme de liste pour optimiser les détails de chaque événement. Vous pouvez spécifier le nombre d’événements affichés sur chaque page et faire défiler les pages. SharePoint dans Microsoft 365 uniquement.
Afficher les liens vers d’autres contenus	Liens promus, Liens, Composant WebPart Éditeur de contenu, Annonces, Lien du résumé	Liens rapides Le composant WebPart Liens rapides peut être configuré pour s’afficher sous la forme d’un format de carrousel appelé film trip ou d’un format compact plus petit. Chacun des liens au format compact peut être arrangé et affiché avec ou sans images. Il n’est pas encore possible de remplir les liens rapides sur la base d’une liste. Lien Le composant WebPart Lien affiche un lien URL complet et ajoute la possibilité d’afficher ou de masquer un volet de visualisation avec la cible du lien. SharePoint dans Microsoft 365 uniquement. Composant WebPart Texte Dans le composant WebPart Texte, vous pouvez ajouter des liens dans votre contenu à l’aide de la barre d’outils.
Rechercher et afficher du contenu	Requête de contenu, Recherche de contenu	Contenu mis en surbrillance Avec le composant WebPart Contenu mis en évidence, la plupart des options de recherche/requête avancées et déroutantes ont été remplacées par des options de requête simplifiées. Toutefois, contrairement à ses homologues classiques, vous ne pouvez pas utiliser de modèles d’affichage personnalisés.
Annoncer des nouvelles à votre équipe	Annonces	Actualités Le composant WebPart Annonces classique utilise une liste pour afficher les annonces sur votre page. Le composant WebPart Actualités est un vaste système de distribution de contenu qui utilise des pages enrichies mises en forme ou des liens vers des actualités, et regroupe les publications d’actualités sur la page d’accueil, les sites et les sites hub SharePoint. Le composant WebPart peut être personnalisé pour afficher les résultats de différentes manières. Cela offre une expérience plus riche et plus dynamique par rapport à la liste d’annonces statiques.
Suivre les projets	Liste des tâches	Planificateur Le composant WebPart Planificateur moderne fonctionne avec les groupes Microsoft 365 et le service Planificateur Microsoft 365. Les plans sont stockés dans le service Planificateur Microsoft 365, ce qui permet une plus grande personnalisation. La chronologie par défaut est supprimée pour des options d’affichage plus flexibles qui incluent un tableau de bord de vue d’ensemble en lecture seule appelé tableau ou une disposition Kanban appelée compartiment. L’utilisation de la disposition de compartiment permet de regrouper par catégories compartiments, affecté, progression, date d’échéance et étiquettes. En outre, la disposition Compartiment permet d’ajouter et de modifier directement des tâches dans un plan stocké dans le service Planificateur Microsoft 365. Ce composant WebPart est disponible uniquement sur un site connecté de groupe SharePoint dans Microsoft 365.
Afficher les sites et les liens sur une page	Agrégateur de sites	Sites Le composant WebPart agrégateur de sites classique se concentrait sur une vue visuellement simplifiée des sites. Avec le composant WebPart Sites, la longue liste de fichiers est remplacée par des cartes d’informations affichant les derniers fichiers consultés, les dernières modifications et les plus populaires. Les sites peuvent être affichés sous forme de cartes ou dans une mise en page de film à l’aide d’un mécanisme de carrousel pour faire défiler les sites sélectionnés. SharePoint dans Microsoft 365 uniquement.
Afficher les conversations sur votre page	Flux de site	Composants WebPart Yammer Deux composants WebPart Yammer sont disponibles : Le composant WebPart Conversations Yammer permet aux utilisateurs de participer à des conversations Yammer pour un groupe ou un sujet spécifique sans quitter votre page SharePoint. Le composant WebPart Yammer Highlights affiche des conversations spécifiques, principales ou récentes. Yammer ayant remplacé la fonctionnalité Flux d’actualités SharePoint, les composants WebPart Yammer modernes remplacent le composant WebPart Flux de site classique.
Afficher le contenu d’une autre page	Visionneuse de page	Incorporer Le composant WebPart Visionneuse de pages et le composant WebPart Incorporer vous permettent d’afficher du contenu provenant d’autres sites qui autorisent l’incorporation. Le code incorporé doit être basé sur iframe, et le code qui utilise des <balises de script> n’est pas pris en charge. De plus, seuls les sites web sécurisés peuvent être incorporés.
Collecter et afficher les données des formulaires	InfoPath Forms	PowerApps PowerApps vous permet de créer des formulaires puissants pour collecter, stocker et afficher des données sans utiliser de code. Vous pouvez également utiliser PowerApps pour personnaliser un formulaire pour une liste SharePoint. SharePoint dans Microsoft 365 uniquement. Microsoft Forms Avec le composant WebPart Microsoft Forms, vous pouvez ajouter un formulaire ou des résultats de formulaire à votre page. Vous pouvez également afficher les résultats résumés dans des graphiques directement sur la page. SharePoint dans Microsoft 365 uniquement.