Affichage de la page

Modifier un site SharePoint 2016 avec un WebPart

Avec cette manipulation, l’objectif est d’ajouter la liste de liens promus maNavigation sur la page d’accueil du site SharePoint 2016 grâce à un composant d’application WebPart.

Un composant d’application WebPart permet d’afficher ou modifier les valeurs d’une liste.

En effet, lors de la création d’une liste ou d’une bibliothèque, un composant WebPart est créé. Donc à chaque fois que vous créez une bibliothèque ou une liste, vous aurez un WebPart associé : le composant d’application WebPart de la liste.

Vous pouvez ajouter ce composant d’application sur la page d’un site SharePoint. Dans ce cas, le composant d’application sert à afficher et manipuler la liste (ou la bibliothèque). Le composant d’application a des paramètres indépendamment de la liste, comme par exemple ses propres affichages.

Ouverture du site qui porte votre prénom

Avec le navigateur web, ouvrez le site avec votre prénom. Dans ce scénario, le site avec votre prénom est :

http://sharepoint/claude

Suppression de la mise en route

Cette page est un peu chargée. Notamment, vous allez supprimer immédiatement les tuiles de Mise en route de votre site. Ces tuiles sont livrées avec le modèle de site par équipe.

Sur le site avec votre prénom et à côté du texte Mise en route de votre site, cliquez sur le lien SUPPRIMER CET ÉLÉMENT : un pop-up s’affiche.

Pour vous aider, regardez la copie d’écran ci-dessous.

Pop-up
Pop-up de confirmation

Dans le pop-up, cliquez sur le bouton OK la page s’allège.

Pour vous aider, regardez la copie d’écran ci-dessous.

Site SharePoint sans la mise en route
Site SharePoint sans la mise en route

Modification de la page

Ensuite, cliquez sur le menu Modifier (à droite) : la page bascule en modification.

Pour vous aider, regardez la copie d’écran ci-dessous.

Page en modification
Page en modification

Insertion du composant WebPart

Avant de poursuivre, notez que les « rubans » sont toujours en haut.

Cliquez sur le ruban INSÉRER.

Dans ce ruban, cliquez sur Composant d’application : la liste des composants WebPart s’affiche (sur la gauche).

Pour vous aider, regardez la copie d’écran ci-dessous.

Liste des composants WebPart
Liste des composants WebPart

Dans la liste des composants WebPart (à gauche), faites un simple clic sur maNavigation pour le sélectionner.

Puis cliquez sur le bouton Ajouter (sur la droite).

Pour vous aider, regardez la copie d’écran ci-dessous.

Composant maNavigation inséré dans la page
Composant maNavigation inséré dans la page

Suppression du titre maNavigation

Vous allez faire disparaître le texte maNavigation qui est affiché au-dessus de la tuile.

Pour ce faire, survolez le composant maNavigation avec la souris pour faire apparaître la flèche noire et la case à cocher au niveau du titre.

Méfiez-vous si vous avez un grand écran ou un affichage haute résolution car la flèche noire et la case à cocher se trouve complètement à droite.

Pour vous aider, regardez la copie d’écran ci-dessous.

Apparition de la flèche noire
Apparition de la flèche noire

Cliquez sur la petite flèche noire : un petit menu apparaît.

Si vous ne voyiez pas la flèche noire, c’est probablement parce que la page n’est pas en cours de modification. Vérifiez que la page est en cours de modification.

Pour vous aider, regardez la copie d’écran ci-dessous.

Menu de la flèche noire
Menu de la flèche noire

Cliquez sur Modifier le composant WebPart : le menu du composant WebPart s’affiche.

Ne vous inquiétez pas, si vous n’êtes pas à l’aise avec les composants WebPart car ils sont détaillés plus loin.

Méfiez-vous encore de la résolution de votre écran : si cette résolution est faible vous serez obligé d’utiliser l’ascenseur horizontal pour faire apparaître le menu du composant WebPart à droite !

Pour vous aider, regardez la copie d’écran ci-dessous.

Affichage du composant maNavigation
Affichage du composant maNavigation

Dans le menu de modification du composant WebPart, cliquez sur Apparence pour l’ouvrir.

Pour vous aider, regardez la copie d’écran ci-dessous.

Propriétés Apparence
Propriétés Apparence

Dans la section Apparence, cliquez sur la liste déroulante de Style de cadre pour faire apparaître les options disponibles.

Si vous ne voyiez pas la liste déroulante de Style de cadre, descendez l’ascenseur vertical.

Sélectionnez le choix Aucun : ni la bordure, ni le titre n’apparaitront.

Pour vous aider, regardez la copie d’écran ci-dessous.

Liste déroulante de Style de cadre
Liste déroulante de Style de cadre

Cliquez sur le bouton Appliquer pour appliquer le résultat.

Il est normal de voir le titre maNavigation et le cadre en modification. Ils disparaîtront lorsque la page sera enregistrée.

Puis cliquez sur le bouton OK pour valider votre choix.

Cliquez sur le bouton Enregistrer (en haut, à droite).

Pour vous aider, regardez la copie d’écran ci-dessous.

Affichage de la page
Affichage de la page

Survolez la tuile intitulée Site Externe : elle change d’aspect.

Cliquez sur la tuile intitulée Site Externe : vous arrivez sur le site Jupiter.

Résumé

Dans cette manipulation, vous avez appris à modifier une page existante pour ajouter un composant d’application.

Vous avez aussi personnalisé l’apparence d’un composant d’application pour faire disparaître son titre et son cadre.

Enfin, vous avez supprimé un composant d’application, livré avec le modèle de site d’équipe.


Publié

dans

par

Étiquettes :

Commentaires

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *