Expériences de composants WebPart classiques et modernes

Les composants WebPart dans SharePoint ont permis aux utilisateurs de tous les 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 de grande apparence.

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

Il est important de noter que les pages modernes peuvent uniquement utiliser des composants WebPart modernes et que les pages classiques peuvent uniquement utiliser des composants WebPart classiques. Les exceptions sont des composants WebPart personnalisés qui sont spécifiquement conçus pour être utilisés sur des pages modernes. Pour les développeurs, la SharePoint Framework permet de créer des 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 dans 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 des composants WebPart classiques aux composants WebPart modernes, mais il existe des composants WebPart qui ont des objectifs similaires.  Voici un aperçu de certains composants WebPart couramment utilisés en fonction de leurs objectifs 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 code 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 à partir de et vers des 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 inline dans le composant WebPart Texte, mais vous pouvez ajouter des images avec le 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 bibliothèque est automatiquement créé et vous pouvez choisir de l’afficher sur une page. Lorsque vous utilisez le composant WebPart 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 une vue détails ou une vue vignettes, et la mise en forme des colonnes et les dossiers imbriqués créés dans la liste source sont affichés.
Afficher une liste	Liste	Liste Lorsque vous créez une liste sur un site classique, un composant WebPart 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 des sources 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. Note: Dans SharePoint 2019, les types de fichiers qui peuvent ê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 le code incorporé fourni par le site.
Ajouter des contacts	Composant WebPart Détails du contact	People composant WebPart 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 utilisateur, ainsi que des informations visuelles et organisationnelles. L’apparence des détails du contact peut être changée de compact à descriptif, 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écents, recherche web et OneDrive. Le dimensionnement de l’image peut être modifié en ratios standard et personnalisés. Composant WebPart Galerie d’images Le composant WebPart Galerie d’images vous permet d’ajouter des images dans une disposition de mosaïque ou de carrousel. Dans la disposition du carrousel, les images peuvent être définies sur des tailles de ratio familières. Les images plus petites seront dimensionnées jusqu’au taux de remplissage, mais les images plus grandes ne seront pas redimensionnées. Composant WebPart Héros Le composant WebPart Hero peut être configuré pour afficher jusqu’à 5 éléments dans une mosaïque ou des dispositions de couche, en mettant l’accent sur les éléments individuels en fonction des besoins. Les éléments individuels peuvent avoir des titres, des images spécifiques et du texte de remplacement. Vous pouvez également organiser les éléments en fonction des besoins. Visionneuse de fichiers Utilisez la visionneuse de fichiers pour afficher des modèles 3D. Cela est particulièrement utile pour les modèles médicaux.
Afficher des vidéos sur une page	Composant WebPart multimédia	Visionneuse de fichiers Le composant WebPart Visionneuse de fichiers vous permet d’afficher des vidéos locales à partir de votre site SharePoint (comme . 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 le code incorporé 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 vidéo unique. Il ajoute des paramètres de lecture sociaux et avancés à jour tels que l’envie, la modification de la vitesse de relecture, le visionnage avec des sous-titres générés (anglais et espagnol uniquement) et la création de playlists. Aucun plug-in de navigateur supplémentaire n’est requis. Les métadonnées et autorisations spécifiques à la vidéo sont définies dans le service Microsoft Stream. Composant WebPart YouTube Le composant WebPart YouTube vous permet d’incorporer des vidéos YouTube directement sur votre page, y compris la possibilité 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 des événements à venir	Calendar	Événements Le composant WebPart Événements affiche les événements dans un format de carte de plage de dates ou de filmtrip personnalisable. Les données d’événement développées peuvent également contenir des images d’événements, des cartes Bing et des données de réunion. Vous pouvez télécharger des réunions avec . Format 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 d’événements. Les nouveaux événements de groupe ne peuvent pas être ajoutés avec le composant WebPart Calendrier de groupe. Les événements sont affichés sous forme de liste pour optimiser les détails développés 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 des liens vers d’autres contenus	Liens promus, Liens, Composant WebPart Éditeur de contenu, Annonces, Lien résumé	Liens rapides Le composant WebPart Liens rapides peut être configuré pour s’afficher sous la forme d’un format carrousel appelé filmtrip ou d’un format compact plus petit. Chacun des liens au format compact peut être organisé et affiché avec ou sans images. Il n’est pas encore possible de remplir des liens rapides basés sur une liste. Lien Le composant WebPart Lien affiche un lien URL complet et ajoute la possibilité d’afficher ou de masquer un volet d’aperçu 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 en surbrillance, la plupart des options de recherche/requête avancées et confuses ont été remplacées par des options de requête simplifiées. Toutefois, contrairement à ses équivalents 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 riches et mises en forme ou des liens vers des actualités, et qui cumule les billets 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 façons. Cela offre une expérience plus riche et plus dynamique par rapport à la liste des annonces statiques.
Suivre les projets	Tasklist	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 du compartiment permet de regrouper les catégories de compartiments, d’affectation, de progression, de date d’échéance et d’étiquettes. En outre, la disposition compartiment permet d’ajouter et de modifier directement des tâches au sein d’un plan stocké dans le service Planificateur Microsoft 365. Ce composant WebPart est disponible sur un sharePoint dans le site connecté de groupe Microsoft 365 uniquement.
Afficher les sites et les liens sur une page	Agrégateur de sites	Sites Le composant WebPart Agrégateur de sites classique s’est concentré 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, modifiés et les fichiers les plus populaires. Les sites peuvent être affichés sous forme de cartes ou dans une disposition de filmtrip à 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 une rubrique spécifique sans quitter votre page SharePoint. Le composant WebPart Surbrillances Yammer affiche des conversations spécifiques, les plus récentes ou les plus récentes. Comme Yammer a remplacé la fonctionnalité SharePoint Newsfeed, les composants WebPart Yammer modernes remplacent le composant WebPart de 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 le contenu d’autres sites qui autorisent l’incorporation. Le code incorporé doit être basé sur un iframe, et le code qui utilise <des balises de script> n’est pas pris en charge. En outre, seuls les sites web sécurisés peuvent être incorporés.
Collecter et afficher des données à partir de formulaires	Formulaires InfoPath	PowerApps Avec PowerApps, vous pouvez 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 les graphiques directement sur la page. SharePoint dans Microsoft 365 uniquement.