Le bouton à flèche est un champ Bouton qui permet de dérouler :

• un menu contextuel.
  
• une fenêtre "Popup".
  

• le bouton flèche : dans ce cas, le clic sur le bouton ou sur la flèche exécute le même code.
• le bouton avec flèche distincte : dans ce cas, le bouton et la flèche exécutent deux actons distinctes.

Créer un champ Bouton à flèche

Pour créer un champ Bouton à flèche :

1. Créez un champ Bouton.
2. Affichez l'onglet "UI" de la fenêtre de description du champ et sélectionnez le type de flèche. Les options disponibles sont :
   • Aucune flèche (valeur par défaut) : le champ Bouton est un bouton standard.
   • Bouton flèche : le bouton et la flèche exécutent la même action.
     
     Il est possible de choisir :
     • d'exécuter le code de clic du champ Bouton.
     • de dérouler le menu contextuel associé au champ Bouton.
     • d'afficher une des fenêtres de l'application (par exemple fenêtre popup présentant un menu spécifique).
   • Bouton avec flèche distincte : le champ Bouton et la flèche exécutent deux actions distinctes.
     • Le bouton exécute son code.
     • La flèche exécute :
       - le code de clic sur la flèche.
       - l'action spécifiée :
       
       
       Il est possible de choisir :
       • d'exécuter le code de clic du champ Bouton.
       • de dérouler le menu contextuel associé au champ Bouton.
         Dans ce cas, il est possible de cocher l'option "Le clic sur le bouton exécutera automatiquement la dernière option de menu sélectionnée via la flèche".
       • d'afficher une des fenêtres de l'application (par exemple fenêtre popup présentant un menu spécifique).
3. Validez la fenêtre de description.

Positionnement de la flèche

Selon la taille, la position du libellé dans le champ Bouton et la présence ou non d'une icône dans le champ Bouton, la flèche peut être positionnée à droite ou en-dessous du champ Bouton.

Bouton à flèche avec ouverture d'une fenêtre popup

Si votre bouton doit ouvrir une fenêtre, il est conseillé d'utiliser une fenêtre :

• sans titre,
• sans menu,
• de taille réduite,
• utilisant un cadre simple.

Bouton avec flèche distincte ouvrant un menu et avec mémorisation de l'option sélectionnée

Lors de la création d'un bouton avec flèche distincte ouvrant un menu, si vous avez coché l'option "Le clic sur le bouton exécutera automatiquement la dernière option de menu sélectionnée via la flèche", le fonctionnement du champ Bouton sera le suivant :

• à la première ouverture de la fenêtre contenant le bouton, le libellé du bouton contient la première option du menu contextuel (image associée à l'option et libellé de l'option).
• lorsque l'utilisateur déroule le menu contextuel et sélectionne une option :
  • le libellé de l'option et l'image associée apparaissent automatiquement dans le bouton.
  • le code de l'option sélectionnée est exécuté.

Bouton à flèche utilisé dans un champ Ruban

Si un champ Bouton est présent dans un regroupement d'un champ Ruban, l'onglet "UI" du champ Bouton permet de configurer le mode de gestion du bouton lorsque le ruban est réduit.

• de ne pas réduire le champ.
• de le réduire pour afficher au minimum l'image du bouton et son libellé.
• de le réduire pour afficher un minimum l'image du bouton.

Les deux dernières options sont intéressantes dans le cas de boutons affichant une icône spécifique et un libellé.

Look du bouton à flèche

L'onglet "Style" de la fenêtre de description d'un bouton à flèche permet notamment de définir les caractéristiques du séparateur. Il est notamment possible de spécifier :

• l'opacité utilisée,
• le type de la flèche (chevron ou flèche),
• la couleur du séparateur.
  La couleur "Transparente" permet d'obtenir un bouton fléché sans séparateur.

Ces options peuvent être définies pour un seul état du bouton ou pour tous les états du bouton.