Vous pouvez utiliser les boutons pour effectuer les opérations suivantes :
-
Ajouter des liens d'accès rapides destinés à faciliter la sélection et la navigation dans une application
-
Charger des données
Cas d'utilisation
Le bouton s'avère utile lorsque vous souhaiter aider l'utilisateur d'applications en fournissant :
- des sélections ou des commandes de sélection prédéfinies ;
- des liens de navigation pointant vers d'autres feuilles, récits ou sites Web ;
- une fonctionnalité de chargement des données dans une application .
Vous pouvez charger les données d'une application qui vous appartient. Les utilisateurs ont besoin des droits d'accès appropriés. Pour plus d'informations, voir Conception du contrôle d'accès (uniquement en anglais).
Exemple de boutons utilisés sur une feuille
Création d'un bouton
Vous pouvez créer un bouton sur la feuille en cours d'édition. Cette section vous explique comment créer un bouton permettant d'effectuer une sélection puis d'accéder à une autre feuille. Il est également possible de créer un bouton qui exécute seulement l'action ou un simple bouton de navigation.
Procédez comme suit :
- Dans le panneau des ressources, sous Graphiques, faites glisser un objet Button sur la feuille.
- Cliquez sur Add action (Ajouter une action) sous Actions dans le panneau des propriétés.
Sélectionnez l'action à utiliser.
Pour certaines actions, vous devrez fournir les détails correspondants. Par exemple, dans le cas de l'action Sélectionner des valeurs dans un champ, vous devez sélectionner un champ ainsi que la valeur à sélectionner dans ce champ.
- Sélectionnez l'option de navigation à utiliser sous Navigation. Vous pouvez ainsi accéder à une autre feuille, à un récit ou à un site Web.
- Définissez l'étiquette du bouton dans le champ Label (Étiquette), sous General (Général), dans le panneau des propriétés.
Vous disposez à présent d'un bouton qui effectue une sélection de données puis accède à l'emplacement que vous avez sélectionné dans l'application.
Définition de l'action
Vous pouvez ajouter une ou plusieurs actions à effectuer lorsque l'utilisateur cliquera sur le bouton. Pour certaines actions, vous devrez fournir les détails correspondants.
Les actions seront exécutées en suivant l'ordre dans lequel elles sont répertoriées sous Actions. Vous pouvez modifier l'ordre des actions en les déplaçant.
Activez ou désactivez Évaluation du temps d'exécution pour modifier le moment où les expressions du bouton sont évaluées. Si ce paramètre est désactivé, les expressions du bouton (par exemple, l'expression de valeur d'une variable) sont évaluées indépendamment les unes des autres. Si le paramètre est activé, les expressions de chaque action sont évaluées lors de l’exécution de l'action. Cela permet de faire avancer des valeurs d'expression définies dans une action vers des actions futures de la chaîne.
Contenu vidéo associé
La configuration d'une action pour un bouton est similaire à la définition des actions de feuille. Les principales différences sont les suivantes :
Les actions de feuille sont configurées sous Actions dans le panneau des propriétés lorsque la feuille est l'objet en focus.
Les actions de bouton sont configurées sous Actions et navigation dans le panneau des propriétés lorsque le bouton est sélectionné.
Il existe des différences entre les actions disponibles pour les boutons et les feuilles.
Pour accéder à un contenu vidéo décrivant la configuration des actions des feuilles, voir Ajout d'actions à des feuilles.
Appliquer un favori
Vous pouvez appliquer la sélection qui est définie dans un favori que vous choisissez.
Effacer toutes les sélections
Vous pouvez effacer toutes les sélections de l'application, quel que soit leur état. Si vous le souhaitez, vous pouvez écraser les sélections verrouillées.
Effacer les sélections des autres champs
Vous pouvez effacer les sélections de tous les champs à l'exception de celles du champ spécifié. Si vous le souhaitez, vous pouvez écraser les sélections verrouillées.
Si aucune sélection n'est effectuée dans le champ spécifié, toutes les valeurs de ce champ seront sélectionnées.
Avancer dans les sélections
Vous pouvez avancer d'une étape dans l'historique de vos sélections.
Reculer dans les sélections
Vous pouvez reculer d'une étape dans l'historique de vos sélections.
Effacer les sélections d'un champ
Vous pouvez effacer toutes les sélections d'un champ spécifique.
Verrouiller toutes les sélections
Vous pouvez verrouiller toutes les sélections définies dans l'application.
Verrouiller un champ spécifique
Vous pouvez verrouiller les sélections d'un champ spécifique.
Déverrouiller toutes les sélections
Vous pouvez déverrouiller toutes les sélections définies dans l'application.
Déverrouiller un champ spécifique
Vous pouvez déverrouiller les sélections d'un champ spécifique.
Sélectionner toutes les valeurs d'un champ
Vous pouvez sélectionner toutes les valeurs d'un champ spécifique. Si vous le souhaitez, vous pouvez écraser les sélections verrouillées.
Sélectionner des valeurs dans un champ
Vous pouvez sélectionner une liste de valeurs dans un champ spécifique. Séparez les valeurs à sélectionner par un point-virgule. Si vous le souhaitez, vous pouvez écraser les sélections verrouillées.
Sélectionner des valeurs correspondant aux critères de recherche
Vous pouvez sélectionner toutes les valeurs correspondant aux résultats de recherche dans les critères de recherche que vous spécifiez. Vous devez spécifier les critères de recherche sous forme de chaîne. Si vous le souhaitez, vous pouvez écraser les sélections verrouillées.
- Si vous souhaitez utiliser une expression, vous devez la placer entre des guillemets simples, par exemple, ='=Sum([Montant des ventes]) > 200000'.
- Si vous souhaitez rechercher une chaîne partielle, vous devez utiliser des caractères génériques (*, ?,^). Si vous n'utilisez pas de caractères génériques, seules les chaînes correspondant exactement sont sélectionnées.
Sélectionner des valeurs alternatives
Sélectionnez toutes les valeurs alternatives d'un champ spécifique. Si vous le souhaitez, vous pouvez écraser les sélections verrouillées.
Passer à la dimension cyclique suivante
Faites défiler les champs dans une dimension cyclique sélectionnée en avant ou en arrière.
Limitations
Passer à la dimension cyclique suivante présente les limitations suivantes :
Dans Qlik Sense Mobile, les boutons avec l'action Passer à la dimension cyclique suivante fonctionnent uniquement si le bouton se trouve dans un conteneur.
Dans Qlik Sense Mobile, les boutons avec l'action Passer à la dimension cyclique suivante ne fonctionnent pas en mode hors connexion.
Configurer le champ actif
Configurez le champ actif dans une dimension cyclique.
Limitations
L'option Configurer le champ actif présente les limitations suivantes :
L'option Configurer le champ actif utilise la position du champ sélectionné dans la dimension cyclique. Si les champs sont rétriés dans la dimension cyclique, l'option Configurer le champ actif utilisera le champ qui se trouve à la même position que le champ initialement sélectionné. Pour résoudre ce problème, sélectionnez de nouveau le champ dans les propriétés du bouton.
Sélectionner les valeurs exclues
Sélectionnez toutes les valeurs exclues d'un champ spécifique. Si vous le souhaitez, vous pouvez écraser les sélections verrouillées.
Sélectionner les valeurs possibles d'un champ
Sélectionnez toutes les valeurs possibles d'un champ spécifique. Si vous le souhaitez, vous pouvez écraser les sélections verrouillées.
Activer/Désactiver la sélection de champ
Vous pouvez définir le bouton pour qu'il alterne entre la sélection active et une sélection qui ajoute les sélections définies par une chaîne de recherche. Vous pouvez utiliser des caractères génériques dans la chaîne de recherche. Si vous souhaitez définir une liste de valeurs, vous devez utiliser le format (A|B), où A et B correspondent aux valeurs à sélectionner.
Définir la valeur de la variable
Vous pouvez attribuer une valeur à une variable.
Charger des données
Vous pouvez exécuter le script de chargement pour charger des données.
Vous pouvez également sélectionner Chargement partiel. Pour plus d'informations, voir Chargement partiel.
Actualiser les vues dynamiques
Actualise l'affichage de l'ensemble des objets dynamiques sur la feuille en fonction de la sélection active.
Navigation
Vous pouvez choisir d'accéder à une autre feuille, à un récit ou à un site Web en cliquant sur le bouton. Il n'est pas nécessaire de spécifier une action pour créer un simple bouton de navigation. Un bouton peut avoir une seule option de navigation à la fois.
Accéder à la feuille suivante
Accédez séquentiellement à la feuille suivante.
Accéder à la feuille précédente
Accédez séquentiellement à la feuille précédente.
Accéder à la dernière feuille
Accédez à dernière feuille.
Accéder à la première feuille
Accédez à première feuille.
Accéder à une feuille
Accédez à une feuille spécifique et mettez éventuellement en surbrillance un graphique spécifique sur la feuille.
Sous Feuille, saisissez le nom de la feuille souhaitée ou sélectionnez-la dans la liste. Sous ID de graphique, saisissez l'ID d'objet du graphique ou sélectionnez le graphique souhaité dans la liste.
Vous pouvez obtenir l'ID d'objet via l'une des méthodes suivantes :
Ajoutez /options/developer à votre URL. Cliquez ensuite sur le graphique à l'aide du bouton droit de la souris, puis cliquez sur
Developer.Pour certains types de graphique, vous pouvez utiliser la fonction de graphique ObjectId. Par exemple, ajoutez =ObjectId() comme dimension avec n'importe quelle mesure. L'ID de graphique apparaît et vous pouvez le noter pour y faire référence ultérieurement. Pour plus d'informations, voir ObjectId - fonction de graphique.
Accéder à une feuille définie par son ID
Accédez à une feuille spécifique. Saisissez l'ID de feuille de la feuille souhaitée. Vous trouverez l'ID d'une feuille dans l'URL du navigateur dans lequel la feuille est ouverte. L'ID d'une feuille suit /sheet/ et précède /.
URL de feuille
Dans cet exemple, l'ID de la feuille est 7300b241-f221-43db-bb8b-8c8cc1887531.
Accéder à un récit
Accédez à un récit spécifique. Saisissez le nom du récit souhaité ou sélectionnez le récit dans la liste.
Ouvrir un site Web ou un e-mail
Ouvrez un site Web ou un client de messagerie spécifié. Saisissez l'URL à laquelle accéder. En option, sélectionnez Ouvrir dans la même fenêtre pour ouvrir le site Web ou le client de messagerie dans la même fenêtre.
Générer une application On-demand
Crée une application On-demand basée sur la sélection active. Vous devez sélectionner un lien de navigation d'application On-demand (voir Élaboration d'une application On-demand). Le statut de l'application est affiché lorsque l'application est créée.
Styles de bouton
Vous disposez d'un certain nombre d'options de style sous Aspect dans le panneau des propriétés.
Cliquez sur 
Styles sous Aspect > Présentation pour personnaliser davantage le style du graphique. Le panneau de styles contient différentes sections sous les onglets Général et Graphique.
Vous pouvez réinitialiser vos styles en cliquant sur 
à côté de chaque section. Un clic sur Réinitialiser tout réinitialise les styles de tous les onglets disponibles dans le panneau de style.
Pour des informations générales sur la définition du style d'une visualisation individuelle, voir Application d'un style personnalisé à une visualisation.
Ajout d'une icône
Vous pouvez ajouter une icône au bouton sous Aspect > Icône. Faites votre choix parmi un certain nombre d'options prédéfinies.
Personnalisation du texte
Vous pouvez définir le texte du titre, du sous-titre et de la note de bas de page sous Aspect > Général. Pour masquer ces éléments, désactivez le paramètre Afficher les titres.
Vous pouvez également définir le texte de l'Étiquette du bouton.
Vous pouvez définir le style du texte qui apparaît sur le graphique.
Procédez comme suit :
Sous Aspect > Présentation, cliquez sur
Styles.Dans l'onglet Général, définissez la police, le style d'accentuation, la taille de police et la couleur des éléments de texte suivants :
Titre
Sous-titre
Note de bas de page
Dans l'onglet Graphique, définissez les propriétés du texte de l'Étiquette du bouton. Définissez la police, le style d'accentuation, l'alignement du texte, la taille de police et la couleur.
Vous pouvez également faire votre choix parmi un certain nombre d'options de disposition de texte pour cette étiquette sous Comportement de la disposition. Les options suivantes sont disponibles :
Réactive : vous pouvez ajuster la taille de police de l'Étiquette en appliquant des ajustements de taille de texte supplémentaires en fonction de la taille du bouton et de la longueur du texte. Les ajustements sont apportés de sorte à faire tenir l'ensemble du contenu textuel dans le bouton.
Fluide : vous pouvez ajuster la taille de police de l'Étiquette en appliquant des ajustements de taille de texte supplémentaires en fonction de la taille du bouton uniquement. Ce redimensionnement du texte est indépendant de la longueur du texte. Si le texte est trop long, une ellipse est insérée à la fin.
Fixe : vous pouvez ajuster la taille de police de l'Étiquette en pixels. Si le texte est trop long, une ellipse est insérée à la fin.
Personnalisation de l'arrière-plan
Vous pouvez personnaliser l'arrière-plan général ainsi que l'arrière-plan du bouton lui-même. Pour l'arrière-plan de chacun, il est possible de définir une couleur et une image. Il est possible de configurer les options d'arrière-plan en développant Aspect > Présentation dans le panneau des propriétés, puis en cliquant sur Styles.
Définition de l'arrière-plan général
L'arrière-plan général du bouton inclut la zone de titre ainsi que le graphique lui-même, qui est partiellement couvert par le bouton lui-même.
Procédez comme suit :
Dans le panneau des propriétés, développez la section Aspect.
Sous Aspect > Présentation, cliquez sur
Styles.Dans l'onglet Général du panneau de styles, vous pouvez sélectionner une couleur d'arrière-plan (une seule couleur ou expression). Vous pouvez également définir l'arrière-plan sur une image de votre bibliothèque multimédia ou d'une URL.
Lors de l'utilisation d'une couleur d'arrière-plan, utilisez le curseur pour régler l'opacité de l'arrière-plan.
Lors de l'utilisation d'une image d'arrière-plan, vous pouvez ajuster la taille et la position de l'image.
Définition de l'arrière-plan du bouton
L'arrière-plan du bouton inclut la portion sur laquelle l'utilisateur peut cliquer pour exécuter l'action.
Procédez comme suit :
Dans le panneau des propriétés, développez la section Aspect.
Sous Aspect > Présentation, cliquez sur
Styles.Dans l'onglet Graphique du panneau de styles, vous pouvez sélectionner une couleur d'arrière-plan (une seule couleur ou expression) et définir également l'arrière-plan sur une image provenant de votre bibliothèque multimédia.
Lors de l'utilisation d'une image d'arrière-plan, vous pouvez ajuster la taille et la position de l'image.
Ajustement de la bordure de la portion interactive du bouton
Vous pouvez ajuster la bordure de la partie du bouton avec laquelle l'utilisateur interagit pour effectuer l'opération souhaitée.
Procédez comme suit :
Sous Aspect > Présentation, cliquez sur
Styles.Dans l'onglet Graphique, sous Bordure, réglez la bordure sur Activé pour l'afficher sur le bouton.
Ajustez la largeur et le rayon d'angle.
Définissez la couleur de la bordure, soit sur une seule couleur, soit en utilisant une expression.
Personnalisation de la bordure et de l'ombre de l'objet tout entier
Vous pouvez personnaliser la bordure et l'ombre de l'objet tout entier dans lequel se trouve le bouton. Notez que vous pouvez également ajuster la bordure du bouton à cliquer lui-même.
Procédez comme suit :
Dans le panneau des propriétés, développez la section Aspect.
Sous Aspect > Présentation, cliquez sur
Styles.Dans l'onglet Général du panneau de style, sous Bordure, ajustez la taille Contour pour augmenter ou diminuer les lignes de bordure autour du graphique.
Sélectionnez une couleur pour la bordure.
Ajustez le Rayon d'angle pour contrôler l'arrondi de la bordure.
Sous Ombre dans l'onglet Général, sélectionnez une taille et une couleur d'ombre. Pour supprimer l'ombre, sélectionnez Aucune.
Désactivation et activation du bouton
Vous pouvez définir une condition de calcul permettant d'activer le graphique sous Activer le graphique. Si la condition a pour résultat 0, le bouton est désactivé.
Conversion depuis Button for navigation vers Dashboard bundle
Vous pouvez convertir un contrôle Button for navigation existant en un bouton. La conversion connaît certaines limites.
- L'option de navigation permettant de passer en mode d'édition (Switch to edit mode) n'est pas supportée.
- L'action permettant de sélectionner une valeur, puis de verrouiller le champ (Select a value and lock field), n'est pas supportée. Elle sera convertie en deux actions consécutives, Sélectionner des valeurs dans un champ et Verrouiller un champ spécifique.