Présentation du composant

Pour attirer l'attention de vos employés et renforcer leur engagement dans l'organisation, il est utile d'avoir un espace de travail magnifiquement conçu. Le composant Designer vous permet de personnaliser graphiquement les pages en ajoutant des arrière-plans et modifiant le design par défaut SharePoint.  Cet article décrit les fonctionnalités et les cas d'utilisation du composant Designer. 

Ajouter le composant

• Si vous n'êtes pas déjà en mode édition, cliquez sur modifier en haut à droite de la page.

• Positionnez le pointeur de la souris au-dessus ou en dessous d'un composant WebPart existant ou sous la zone de titre et cliquez sur le bouton +, puis sélectionnez le composant WebPart Designer.   Il est recommandé de mettre la WebPart en haut de la section concernée, pour qu'elle se charge en premier au chargement de la page

• Cliquez sur modifier les éléments à gauche pour définir les options du composant WebPart.

Options du composant WebPart

• Ce composant permet de modifier le design de toute la page, de la section entière ou de la colonne.
• Vous pouvez choisir la couleur de fond du thème 
• Vous pouvez choisir la couleur du texte "noir/blanc" en adaptant la couleur du texte
• Vous pouvez aussi ajouter une image comme fond. Choisissez alors si vous souhaitez que l'image couvre toute la largeur ou toute la hauteur de la zone. L'autre dimension s'adapte pour conserver les proportions, mais aussi l'ancrage de l'image (en haut à gauche, en haut à droite, en bas à gauche, en bas à droite ou personnaliser votre ancrage).
• Le positionnement personnalisé vous permet de rentrer vous-même les propriétés CSS de position du fond. Description des propriétés CSS.
• Vous pouvez ajouter un effet d'ombre à toute la page, à la section entière ou à la colonne.
• Vous pouvez définir la taille des marges sur les quatre côtés de la section, de la colonne et du WebPart.
• Vous pouvez définir la taille des marges intérieures sur les quatre côtés de la section, de la colonne et du WebPart.
• Vous pouvez personnaliser le titre du composant WebPart.

Gestion des marges

Le composant Designer vous permet de personnaliser les marges de vos pages SharePoint. Une fois le composant ajouté à votre page (de préférence en haut de la section, pour qu'il se charge en premier), vous pouvez ajuster les marges en fonction de vos besoins.

Il est possible de synchroniser ou de désynchroniser les marges en cliquant sur le bouton de lien, ce qui vous permet de modifier un seul côté à la fois (haut, bas, gauche, droite).

Pour ajuster les marges, entrez simplement les valeurs souhaitées. Par exemple, des valeurs négatives réduiront la marge. Il est recommandé de maintenir une cohérence entre les marges horizontales et verticales pour un design harmonieux.

Vous pouvez également rapprocher deux éléments ou même superposer des composants en ajustant les marges.

Pour plus d'informations, une vidéo tutorielle est disponible via le lien suivant : https://www.loom.com/share/c63fb56461d34ff7aba89d208d2df59f

Les modifications de marge ne sont pas appliqués sur mobile

Utilisation

Vous pouvez ajouter une couleur et une image de fond avec le composant :

• Ajoutez le WebPart dans la zone dans laquelle vous souhaitez mettre une couleur et une image en fond. 
• La zone est automatiquement coloriée avec la couleur de thème du site et le WebPart affiche une barre horizontale qui ne sera présente qu'en mode édition (afin de faciliter sa manipulation).

Exemple de disposition

Vous pouvez choisir d'appliquer la section couleur et l'image de fond uniquement à la zone de WebPart ou à toute la section.