Vous pouvez utiliser le composant WebPart Image pour ajouter une image ou un graphisme à une page de composants WebPart. Pour positionner plus facilement l'image par rapport aux autres composants WebPart de la page, vous pouvez contrôler l'alignement vertical, l'alignement horizontal et la couleur d'arrière-plan de l'image dans le composant WebPart Image en modifiant ses propriétés personnalisées en mode Affichage partagé.
Différentes utilisations du composant WebPart Image
Vous pouvez utiliser le composant WebPart Image pour effectuer les opérations suivantes :
- Ajouter un logo d'entreprise ou de projet à une page.
- Afficher des photos d'employés ou de produits.
- Rendre la page plus attrayante.
Haut de la page
Affichage d'une image
Il existe deux manières d'afficher une image :
- Tapez un chemin d'accès au fichier ou un lien hypertexte vers le fichier image dans la zone de la propriété Lien de l'image. Dans ce cas, l'image est statique et ne change pas (sauf si vous modifiez la propriété).
- Connectez le composant WebPart Image à un autre composant WebPart qui fournit le chemin d'accès au fichier ou le lien hypertexte. Dans ce cas, l'image peut être dynamique et changer selon l'action effectuée dans l'autre composant WebPart, par exemple lorsqu'un utilisateur sélectionne une ligne dans le composant WebPart Affichage de liste.
Vous pouvez, par exemple, connecter un composant WebPart Affichage de liste Contacts au composant WebPart Image. Ainsi, chaque fois que vous sélectionnez une ligne dans le composant Affichage de liste Contacts qui contient une colonne avec un lien hypertexte vers un fichier contenant une photo du contact, celle-ci s'affiche dans le composant WebPart Image.
Haut de la page
Connexion du composant WebPart Image à un autre composant WebPart
- Dans le menu Actions du site
, cliquez sur Modifier la page.
- Cliquez sur le menu Composant Web Part
, puis pointez sur Connexions.
- Pointez sur Obtenir une image de, puis cliquez sur le nom du composant WebPart avec lequel vous souhaitez établir un lien.
Remarque Si la propriété Lien de l'image possède déjà une valeur et que vous connectez le composant WebPart Image à un autre composant WebPart, la propriété Lien de l'image est ignorée. Dans l'autre sens, si le composant WebPart Image est déjà connecté à un autre composant WebPart et que vous voulez donner une valeur à la propriété Lien de l'image, vous devez d'abord supprimer la connexion.
Haut de la page
Propriétés personnalisées du composant WebPart Image
Les propriétés personnalisées du composant WebPart Image sont répertoriées ci-dessous.
Remarque Vous ne pouvez pas afficher ou modifier ces propriétés personnalisées en affichage personnel.
| Propriété |
Description |
| Lien de l'image |
Définit un chemin de fichier ou un lien hypertexte vers l'image que vous voulez afficher dans le composant WebPart Image.
Suivant le navigateur que vous utilisez, les formats de fichiers graphiques pris en charge sont les suivants :
| Format de fichier graphique |
Type de fichier |
| Windows Bitmap (BMP) |
.bmp |
| Windows Enhanced Metafile (EMF) |
.emf |
| Graphics Interchange Format (GIF) |
.gif |
| Joint Photographic Experts Group (JPEG) |
.jpg, .jpeg |
| Portable Network Graphics (PNG) |
.png |
Il se peut que la propriété Lien de l'image ne soit pas disponible parce que le composant WebPart Image est connecté à un autre composant WebPart qui fournit l'image.
|
| Texte de remplacement |
Spécifie le texte à afficher lorsque l'utilisateur place le pointeur de la souris sur l'image. Ce texte s'affiche également lorsque l'image n'est pas disponible. |
| Alignement vertical de l'image |
Positionne l'image verticalement dans le composant WebPart Image. Sélectionnez une des valeurs suivantes : Haut, Milieu ou Bas. La valeur par défaut est Milieu. |
| Alignement horizontal de l'image |
Positionne l'image horizontalement dans le composant WebPart Image. Sélectionnez une des valeurs suivantes : Gauche, Centre ou Droit. La valeur par défaut est Centre. |
| Couleur d'arrière-plan du composant WebPart |
Détermine la couleur de la fenêtre du composant WebPart Image derrière l'image. La couleur par défaut est la couleur d'arrière-plan du thème en cours.
Pour définir une couleur, cliquez sur , à droite de la zone de texte et effectuez ensuite une des actions suivantes :
- Sélectionnez une couleur dans la palette de couleurs.
- Tapez un nom de couleur HTML.
- Tapez une valeur de couleur RGB.
Pour que la couleur d'arrière-plan soit la même que celle du thème du site, cliquez sur Transparent dans la boîte de dialogue Couleur d'arrière-plan du composant WebPart.
|
Haut de la page
Propriétés communes de composants WebPart
Tous les composants WebPart partagent un ensemble de propriétés qui contrôlent leur apparence, leur disposition et des caractéristiques avancées.
Remarque Les propriétés communes de composant WebPart affichées dans le volet d'outils peuvent être différentes de celles répertoriées dans cette section pour plusieurs raisons :
- Pour voir la section Avancé dans le volet d'outils, vous devez disposer des autorisations appropriées.
- Pour un composant WebPart spécifique, un développeur de composants WebPart peut choisir de ne pas afficher certaines de ces propriétés communes ou de créer et d'afficher des propriétés supplémentaires qui ne sont pas affichées dans les sections Apparence, Disposition et Avancé du volet d'outils.
- Certains paramètres d'autorisations et de propriétés peuvent désactiver ou masquer les propriétés de composant WebPart.
Apparence
| Propriété |
Description |
| Titre |
Spécifie le titre du composant WebPart qui s'affiche dans la barre de titre du composant WebPart. |
| Hauteur |
Spécifie la hauteur du composant WebPart. |
| Largeur |
Spécifie la largeur du composant WebPart. |
| État de chrome |
Spécifie si l'intégralité du composant WebPart s'affiche sur la page lorsqu'un utilisateur ouvre la page de composants WebPart. Par défaut, l'état de chrome est défini à Normal et l'intégralité du composant WebPart s'affiche. Seule la barre de titre s'affiche lorsque l'état a la valeur Réduit. |
| Type de chrome |
Spécifie si la barre de titre et la bordure du cadre du composant WebPart sont affichées. |
Disposition
| Propriété |
Description |
| Masqué |
Spécifie si le composant WebPart est visible lorsqu'un utilisateur ouvre la page de composants WebPart. Si cette case à cocher est activée, le composant WebPart est visible uniquement lorsque vous concevez la page et le suffixe (Masqué) est ajouté à son titre.
Vous pouvez masquer un composant WebPart si vous souhaitez l'utiliser pour fournir des données à un autre composant WebPart via une connexion de composants WebPart, mais que vous ne souhaitez pas afficher le composant WebPart.
|
| Direction |
Spécifie la direction du texte dans le contenu du composant WebPart. Par exemple, l'arabe est une langue qui s'écrit de droite à gauche ; l'anglais et les autres langues européennes s'écrivent de gauche à droite. Ce paramètre n'est pas disponible pour tous les types de composants WebPart. |
| Zone |
Spécifie la zone sur la page de composants WebPart où se trouve le composant WebPart.
Remarque Les zones sur la page de composants WebPart ne sont pas répertoriées dans la zone de liste lorsque vous ne disposez pas des autorisations nécessaires pour modifier cette zone.
|
| Index de zone |
Spécifie la position du composant WebPart dans une zone lorsque la zone contient plusieurs composants WebPart.
Pour indiquer l'ordre, tapez un entier positif dans la zone de texte.
Si les composants WebPart dans la zone sont classés de haut en bas, une valeur égale à 1 signifie que le composant WebPart s'affiche en haut de la zone. Si les composants WebPart de la zone sont classés de gauche à droite, une valeur égale à 1 signifie que le composant WebPart s'affiche sur la gauche de la zone.
Par exemple, lorsque vous ajoutez un composant WebPart à une zone vide classée de haut en bas, l'index de zone est égal à 0. Lorsque vous ajoutez un second composant WebPart en bas de la zone, son index de zone est égal à 1. Pour déplacer le second composant WebPart en haut de la zone, tapez 0, puis tapez 1 pour le premier composant WebPart.
Remarque Chaque composant WebPart de la zone doit avoir une valeur d'index de zone unique. C'est pourquoi, la modification de l'index de zone pour le composant WebPart actif, peut également changer la valeur de l'index de zone pour d'autres composants WebPart de la zone.
|
Avancé
| Propriété |
Description |
| Autoriser la réduction |
Spécifie si le composant WebPart peut être réduit. |
| Autoriser la fermeture |
Spécifie si le composant WebPart peut être supprimé de la page de composants WebPart. |
| Autoriser les éléments masqués |
Spécifie si le composant WebPart peut être masqué. |
| Autoriser le changement de zone |
Spécifie si le composant WebPart peut être déplacé dans une zone différente. |
| Autoriser les connexions |
Spécifie si le composant WebPart peut participer à des connexions avec d'autres composants WebPart. |
| Autoriser les modifications en mode Affichage personnel |
Spécifie si les propriétés de composant WebPart peuvent être modifiées en Affichage personnel. |
| Mode d'exportation |
Spécifie le niveau de données que vous pouvez exporter pour ce composant WebPart. En fonction de votre configuration, ce paramètre peut ne pas être disponible. |
| URL de titre |
Spécifie l'URL d'un fichier contenant des informations supplémentaires sur le composant WebPart. Le fichier est affiché dans une fenêtre de navigateur séparée lorsque vous cliquez sur le titre du composant WebPart. |
| Description |
Spécifie l'info-bulle qui s'affiche lorsque vous placez le pointeur de la souris sur le titre du composant WebPart ou l'icône du composant WebPart. La valeur de cette propriété est utilisée lorsque vous recherchez des composants WebPart à l'aide de la commande Rechercher du menu Rechercher des composants WebPart du volet d'outils dans les galeries de composants WebPart suivantes : Site, Serveur virtuel et Page de composants WebPart. |
| URL de l'aide |
Spécifie l'emplacement d'un fichier contenant les informations d'aide sur le composant WebPart. Les informations d'aide sont affichées dans une fenêtre de navigateur séparée lorsque vous cliquez sur la commande Aide dans le menu Composant WebPart. |
| Mode d'aide |
Spécifie la façon dont le navigateur affichera le contenu de l'aide pour un composant WebPart.
Effectuez l'une des opérations suivantes :
- Modal Ouvre une fenêtre de navigateur séparée, si le navigateur dispose de cette fonctionnalité. Un utilisateur doit fermer la fenêtre avant de retourner sur la page Web.
- Non modal Ouvre une fenêtre de navigateur séparée, si le navigateur dispose de cette fonctionnalité. Un utilisateur n'a pas besoin de fermer cette fenêtre avant de retourner sur la page Web. Il s'agit de la valeur par défaut.
- NavigateOuvre la page Web dans la fenêtre de navigateur actuelle.
Remarque Même si les composants WebPart Microsoft ASP.NET personnalisés prennent en charge cette propriété, les rubriques d'aide Windows SharePoint Services 3.0 par défaut s'ouvrent uniquement dans une fenêtre de navigateur séparée.
|
| URL de l'image de l'icône de catalogue |
Spécifie l'emplacement d'un fichier contenant une image à utiliser en tant qu'icône du composant WebPart dans la Liste des composants WebPart. La taille de l'image doit être 16 x 16 pixels. |
| URL de l'image de l'icône de titre |
Spécifie l'emplacement d'un fichier contenant une image à utiliser dans la barre de titre du composant WebPart. La taille de l'image doit être 16 x 16 pixels. |
| Message d'erreur d'importation |
Spécifie un message qui s'affiche si un problème se produit pendant l'importation d'un composant WebPart. |
Haut de la page