Accueil > Conception et création de solutions > Modification des objets, des éléments de modèle et de l'arrière-plan du modèle > Mise en forme des objets, des éléments de modèle et de l'arrière-plan du modèle > Mise en forme des boutons, boutons popover et popovers

Mise en forme des boutons, boutons popover et popovers

Vous pouvez mettre en forme l’apparence des boutons et boutons popover et de leurs composants— notamment le cadre, le fond et l’étiquette — ainsi que l’apparence des popovers— notamment le cadre, l’étiquette et la zone de contenu (zone dans laquelle les objets sont insérés).

Remarque  Vos modifications de mise en forme sont enregistrées uniquement sur le modèle actif. Pour enregistrer les modifications sous forme d’un style qui pourra être appliqué à d’autres boutons, boutons popover ou popovers, consultez la section Création et utilisation des styles pour les objets, les éléments et l'arrière-plan de modèle. Ou, pour enregistrer les modifications d'un thème, consultez la section Enregistrement d'un thème de modèle.

Pour mettre en forme un bouton ou un bouton popover :

1.	En mode Modèle, sélectionnez le bouton ou le bouton popover.

2.	Cliquez sur Inspecteur dans la barre de modèle, puis cliquez sur Apparence.

3.	Choisissez Bouton ou Bouton : Icône dans la liste des types d’objet (à proximité de la partie supérieure de l’onglet Apparence), puis procédez comme suit.

Remarque  Toutes les options ne sont pas disponibles pour tous les composants.

 

Pour	Faites ceci
Modifier le style de ligne, la couleur et les attributs	Choisissez le style de ligne, la couleur et les options de fond dans la zone Graphique. Consultez la section Configuration du fond, du style de ligne et des bordures des objets, des éléments de modèle et de l'arrière-plan du modèle.
Modifier le format du texte d’une étiquette	Effectuez l'une des opérations suivantes :  • Choisissez des options dans la zone Texte de l’Inspecteur.  • Utilisez les options de texte dans la barre de texte. Si vous ne voyez pas la barre de texte, cliquez sur l’option Mise en forme dans la barre de modèle. Consultez la section Mise en forme du texte.
Définir l’alignement horizontal et vertical du texte d’étiquette et de l’icône	Dans la zone Paragraphe, définissez l’alignement horizontal et vertical. L’espacement entre le texte d’étiquette et l’icône est conservé. La taille de la police de l’étiquette détermine l’espacement. Les étiquettes comportant plusieurs lignes de texte utilisent toute la largeur du bouton. Utilisez la zone Paragraphe pour définir l’interligne.
Changer la couleur des icônes d’étiquette	Choisissez Bouton : Icône dans la liste des types d’objet (dans la seconde liste de l’onglet Apparence). Dans la zone Graphique, sélectionnez une couleur. Vous pouvez modifier la couleur de fond des icônes fournies. Cependant, pour les icônes personnalisées de format .svg, la modification de la couleur de remplissage sous FileMaker Pro s’applique uniquement aux éléments pour lesquels aucune couleur de remplissage n’a encore été définie dans le fichier .svg. Pour plus d’informations sur la prise en charge du format SVG, voir Syntaxe SVG de FileMaker Pro pour les icônes de bouton. Vous ne pouvez pas modifier la couleur de fond des icônes personnalisées de format .png. Consultez la section Définition de l'état d'affichage d'un objet.
Ajouter une ombre	Dans la zone Graphique avancé, sélectionnez Ombre externe, Ombre interne ou les deux. Cliquez ensuite sur pour modifier les effets de l'ombre. Consultez la section Ajout d'ombres et d'espacement aux objets de modèle.
Ajuster l’espacement entre les bords du bouton et le texte d’étiquette, d’une part, et l’icône, d’autre part	Dans la zone Graphique avancé, pour Espacement, indiquez des valeurs (en points) pour Gauche, Droite, Haut et Bas. Consultez la section Ajout d'ombres et d'espacement aux objets de modèle.
Ajuster l’espacement entre l’icône et le texte d’étiquette	Choisissez Bouton : Icône dans la liste des types d’objet, puis indiquez la valeur appropriée (en points) pour l’espacement. Vous ne pouvez modifier qu’une valeur sous Espacement, car l’espacement est déterminé par la position de l’icône et de l’étiquette. Par exemple, si le texte d’étiquette est à droite de l’icône, seul l’espacement à droite est disponible.

Pour mettre en forme un popover :

La mise en forme du popover et de la zone de contenu de popover se fait séparément.

1.	En mode Modèle, sélectionnez le popover.

Si le popover est masquée, sélectionnez le bouton popover, puis sélectionnez Format > Afficher popover.

2.	Cliquez sur Inspecteur dans la barre de modèle, puis cliquez sur Apparence.

3.	Choisissez Popover ou Popover : Contenu dans la liste des types d’objet (à proximité de la partie supérieure de l’onglet Apparence), puis procédez comme suit.

 

Pour	Faites ceci
Modifier le style de ligne ou la couleur de la bordure du popover ou la bordure de la zone de contenu du popover	Choisissez le style de ligne ou les options de couleur dans la zone Graphique. Consultez la section Configuration du fond, du style de ligne et des bordures des objets, des éléments de modèle et de l'arrière-plan du modèle.
Modifier l'apparence de l'arrière-plan du popover ou l'arrière-plan de la zone de contenu du popover	Choisissez un fond dans la zone Graphique. Consultez la section Configuration du fond, du style de ligne et des bordures des objets, des éléments de modèle et de l'arrière-plan du modèle. Conseil  Vous pouvez créer une bordure personnalisée pour un popover en définissant des fonds différents pour le popover et sa zone de contenu.
Ajouter une ombre externe au popover	Dans la zone Graphique avancé, sélectionnez Ombre externe. Cliquez ensuite sur pour modifier les effets de l'ombre. Consultez la section Ajout d'ombres et d'espacement aux objets de modèle.
Ajouter une ombre interne à la zone de contenu du popover	Dans la zone Graphique avancé, sélectionnez Ombre interne. Cliquez ensuite sur pour modifier les effets de l'ombre.
Modifier l'espacement entre la limite du popover et la limite de la zone de contenu du popover	Dans la zone Graphique avancé, pour Espacement, indiquez des valeurs. Remarque  La modification de l'espacement du haut d'un popover augmente ou réduit la hauteur de la zone de titre du popover. Consultez la section Ajout d'ombres et d'espacement aux objets de modèle.
Modifier l'apparence de l'étiquette d'un popover	Si la boîte de dialogue Configuration du bouton popover n’est pas ouverte, double-cliquez sur la popover ou sélectionnez la popover et choisissez le menu Format > Configuration du bouton popover, puis :  • Choisissez des options dans la zone Texte ou Paragraphe.  • Vous pouvez également utiliser les options de texte dans la barre de texte. Si vous ne voyez pas la barre de texte, cliquez sur l’option Mise en forme dans la barre de modèle. Consultez la section Mise en forme du texte.

Remarques

•	Il est impossible de formater un objet verrouillé. Consultez la section Protection des objets contre les modifications.

•

Vous pouvez configurer l'apparence conditionnelle d'un bouton popover (par exemple, formater le masquage continu du bouton popover lorsqu'une certaine condition se présente). Consultez les sections Définition de la mise en forme conditionnelle des objets de modèle et Masquage ou affichage des objets de modèle.