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é.
Contenu de cet article
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.
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.
Connexion du composant WebPart Image à un autre composant WebPart
-
Dans le menu Actions du site
-
Cliquez sur le menu Composant WebPart
-
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 Inversement, 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.
Propriétés personnalisées du composant WebPart Image
Les propriétés personnalisées du composant WebPart Image sont présentées ci-après.
Remarque : Vous ne pouvez pas afficher ou modifier ces propriétés personnalisées dans un 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 :
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 l’une des options 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 l’une des options 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 actif. Pour définir une couleur, cliquez sur
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. |
Propriétés communes des composants WebPart
Tous les composants WebPart partagent un ensemble de propriétés qui contrôlent leur apparence, disposition et caractéristiques avancées.
Remarque : Les propriétés communes des composants WebPart que vous voyez dans le volet des outils peuvent différer de celles présentées dans cette section pour plusieurs raisons
-
Pour voir la section Avancé du volet d’outils, vous devez bénéficier de l’autorisation appropriée.
-
Un développeur peut choisir de n’afficher qu’une ou certaines des propriétés communes d’un composant WebPart, ou de créer et afficher des propriétés supplémentaires absentes des sections Apparence, Disposition et Avancé du volet des outils.
-
Certains paramètres d’autorisations et de propriétés peuvent désactiver ou masquer des propriétés de composants WebPart.
Apparence
|
Propriété |
Description |
|
Titre |
Indique le titre du composant WebPart affiché dans la barre de titre du composant WebPart. |
|
Hauteur |
Indique la hauteur du composant WebPart. |
|
Largeur |
Indique la largeur du composant WebPart. |
|
État de chrome |
Indique si le composant WebPart s’affiche en entier lorsqu’un utilisateur ouvre la page sur laquelle il se trouve. Par défaut, l’état de chrome est défini sur Normal et la page WebPart s’affiche en entier. Si l’état est défini sur Réduit, seule la barre de titre s’affiche. |
|
Style de cadre |
Indique si la barre de titre et la bordure du cadre WebPart sont affichées. |
Disposition
|
Propriété |
Description |
|
Masqué |
Indique si le composant WebPart est visible lorsqu’un utilisateur ouvre la page de composants WebPart. Si la case à cocher est sélectionnée, le composant WebPart n’est visible que lorsque vous êtes en train de créer la page, et le suffixe (Masqué) est ajouté au titre. Vous pouvez masquer un composant WebPart si vous souhaitez l’utiliser pour fournir des données à un autre composant WebPart à l’aide d’une connexion WebPart, mais que vous ne souhaitez pas afficher le composant WebPart. |
|
Sens |
Indique le sens du texte dans le contenu du composant WebPart. Par exemple, l’arabe se lit de droite à gauche, alors que le français et la plupart des langues européennes se lisent de gauche à droite. Ce paramètre peut ne pas être disponible pour tous les types de composant WebPart. |
|
Zone |
Spécifie la zone de la page dans laquelle se trouve le composant WebPart. Remarque : Ces zones ne sont pas répertoriées dans la zone de liste lorsque vous n’êtes pas autorisé à modifier la zone. |
|
Index de zone |
Spécifie la position du composant WebPart dans une zone lorsque celle-ci contient plusieurs composants WebPart. Pour indiquer l’ordre, tapez un entier positif dans la zone de texte. Si les composants WebPart contenus dans la zone sont organisés de haut en bas, la valeur 1 signifie que le composant WebPart apparaît en haut de la zone. Si les composants WebPart contenus dans la zone sont organisés de gauche à droite, la valeur 1 signifie que le composant WebPart apparaît dans la partie gauche de la zone. Par exemple, lorsque vous ajoutez un composant WebPart à une zone vide organisée de haut en bas, son index de zone est 0. Lorsque vous ajoutez un deuxième composant WebPart au bas de la zone, son index de zone est 1. Pour déplacer le deuxième composant WebPart vers le haut de la zone, tapez 0, puis tapez 1 pour le premier composant WebPart. Remarque : Chaque composant WebPart dans la zone doit avoir une valeur Index de zone unique. Par conséquent, si vous changez la valeur Index de zone du composant WebPart actif, cela peut changer la valeur Index de zone d’autres composants WebPart dans la zone. |
Avancé
|
Propriété |
Description |
|
Autoriser la réduction |
Indique si le composant WebPart peut être réduit. |
|
Autoriser la fermeture |
Indique si le composant WebPart peut être supprimé de la page. |
|
Autoriser les éléments masqués |
Indique si le composant WebPart peut être masqué. |
|
Autoriser le changement de zone |
Indique si le composant WebPart peut être déplacé vers une autre zone. |
|
Autoriser les connexions |
Indique si le composant WebPart peut participer à des connexions à d’autres composants WebPart. |
|
Autoriser les modifications en mode Affichage personnel |
Indique si les propriétés du composant WebPart peuvent être modifiées en mode Affichage personnel. |
|
Mode d’exportation |
Indique le niveau des données autorisées à être exportées pour ce composant WebPart. Selon votre configuration, ce paramètre peut ne pas être disponible. |
|
URL de titre |
Indique l’URL d’un fichier qui contient des informations supplémentaires sur le composant WebPart. Le fichier est affiché dans une fenêtre distincte du navigateur lorsque vous cliquez sur son titre WebPart. |
|
Description |
Indique l’info-bulle qui s’affiche lorsque vous placez le pointeur de la souris sur le titre ou l’icône WebPart. La valeur de cette propriété est utilisée lorsque vous recherchez des composants WebPart avec la commande Rechercher du menu Rechercher des composants WebPart du volet des outils dans les galeries de composants WebPart suivantes : Site, Serveur virtuel et Page de composants WebPart. |
|
URL de l’aide |
Indique l’emplacement d’un fichier contenant des informations d’aide sur le composant WebPart. Ces informations sont affichées dans une fenêtre distincte du navigateur lorsque vous cliquez sur la commande Aide du menu Composant WebPart. |
|
Mode d’aide |
Indique la manière dont un navigateur doit afficher le contenu de l’aide d’un composant WebPart. Sélectionnez l’une des options suivantes :
Remarque : Même si les composants WebPart Microsoft ASP.NET personnalisés prennent en charge cette propriété, les rubriques d’aide par défaut Windows SharePoint Services 3.0 s’ouvrent uniquement dans une fenêtre de navigateur distincte. |
|
URL de l’image de l’icône de catalogue |
Indique l’emplacement d’un fichier contenant une image destinée à être utilisée comme icône de composant WebPart dans la liste des composants WebPart. La taille de l’image doit faire 16 x 16 pixels. |
|
URL de l’image de l’icône de titre |
Indique l’emplacement d’un fichier contenant une image destinée à être utilisée dans la barre de titre du composant WebPart. La taille de l’image doit faire 16 x 16 pixels. |
|
Message d’erreur d’importation |
Indique un message qui s’affiche si un problème est généré lors de l’importation d’un composant WebPart. |
