Vous pouvez appliquer des effets de style afin de personnaliser l'application en fonction des standards de votre entreprise. Les effets de style sélectionnés seront appliqués à toutes les feuilles de l'application.
Ajout d'effets de style à une applicationLes options de style disponibles sont les suivantes :
- Modification de la direction des caractères dans les chaînes de texte ou les nombres.
- Modification du thème par défaut d'une application.
- Activation ou désactivation du menu contextuel de toutes les visualisations.
- Activation ou désactivation du menu sensitif de toutes les visualisations.
- Modification de la couleur d'arrière-plan pour les titres de feuille.
- Modification de la couleur de police des titres de feuille.
- Ajout et alignement d'une image telle qu'un logo.
- Activation ou désactivation de la barre d'outils et de l'en-tête de toutes les feuilles.
- Ajout d'un logo personnalisé à l'application
Un développeur peut appliquer davantage d'effets de style à une application grâce à des extensions de thème personnalisées.
La personnalisation du style d'objets individuels remplace le style de l'application.
Ouverture des paramètres d'application
Vous pouvez ouvrir les paramètres d'application à partir de n'importe quel endroit dans une application.
Procédez comme suit :
- Dans la barre de navigation de l'application, cliquez sur
> Paramètres. Cliquez sur
pour fermer les options de l'application.
Modification du sens de lecture
Procédez comme suit :
- Dans la barre de navigation, cliquez sur le nom de l'application, puis sur l'icône
pour ouvrir les options de l'application. - Sous Aspect > De droite à gauche, sélectionnez Activé ou Désactivé.
Modification du thème par défaut d'une application
Vous pouvez appliquer l'un des thèmes Qlik par défaut ou n'importe quel thème personnalisé que vous avez créé et installé.
Les thèmes Qlik par défaut sont les suivants :
Sense Horizon : lorsque vous créez une application, il s'agit du thème par défaut.
- Sense Classic : offre une vue plus compacte des objets et limite l'espace entre les objets.
- Sense Focus : permet d'ajuster le remplissage et l'espacement autour des objets, et propose des espaces spécialement conçus pour les titres.
- Sense Breeze : thème basé sur Sense Focus, mais doté de paramètres de couleur différents.
Procédez comme suit :
- Dans la barre de navigation, cliquez sur le nom de l'application, puis sur l'icône pour ouvrir les options de l'application.
- Sélectionnez le thème à appliquer dans le menu déroulant Thème de l'application.
Thèmes personnalisés
Vous avez par ailleurs la possibilité de créer des thèmes personnalisés selon les normes de votre entreprise. Les thèmes vous permettent de définir avec précision le style d'une application. Vous pouvez ainsi modifier les couleurs, ajouter des images et des arrière-plans, de même que spécifier les polices et leurs caractéristiques (taille, épaisseur et style) de façon globale ou granulaire dans toute l'application. Vous pouvez également définir des palettes de couleurs et personnaliser les spécifications relatives aux marges, au remplissage et à l'espacement.
Pour plus d'informations, consultez :
Les thèmes personnalisés sont pris en charge lors de l'export de feuilles et de graphiques au format PDF. Cela s'applique aux PDF exportés manuellement ainsi qu'aux PDF exportés automatiquement via des abonnements ou via Service de génération de rapports Qlik. Cependant, un PDF généré à partir d'une application qui utilise un thème personnalisé peut prendre un aspect différent de celui qu'il a dans l'application. Pour plus d'informations, consultez Propriétés JSON d'un thème personnalisé.
Lorsque vous créez un thème personnalisé, vous le chargez dans le centre d'activités Administration sous forme de package zippé. Ce package contient le fichier JSON et toutes les ressources supplémentaires telles que les fichiers CSS.
Les thèmes personnalisés sont visibles sous Personnalisé(e)(s) dans le menu déroulant Thème de l'application.
Menu déroulant Thème d'application
Désactivation du menu sensitif et du menu contextuel
Les menus sensitif et contextuel sont des éléments interactifs qui apparaissent lorsque les utilisateurs interagissent avec des graphiques. Les deux menus donnent accès au menu d'options dans lequel l'utilisateur peut effectuer différentes actions associées à un graphique. Consultez : Menu d'options
Vous pouvez désactiver l'un de ces menus ou les deux afin de personnaliser l'expérience interactive des utilisateurs d'applications.
Désactivation du menu sensitif
Vous pouvez décider de désactiver le menu sensitif qui apparaît dans les visualisations quand les utilisateurs placent leur curseur dessus. Cela affectera l'ensemble des visualisations de l'application.
Procédez comme suit :
- Dans la barre de navigation, cliquez sur le nom de l'application, puis sur l'icône pour ouvrir les options de l'application.
- Cliquez sur Désactiver le menu sensitif pour les visualisations.
Vous pouvez désactiver le menu sensitif d'une seule visualisation en mode d'édition.
Procédez comme suit :
- En mode d'édition, sélectionnez la visualisation.
- Dans le panneau des propriétés, accédez à Aspect > Général.
- Sélectionnez Désactiver le menu sensitif.
Désactivation du menu contextuel
Le menu contextuel apparaît lorsqu'un utilisateur clique à l'aide du bouton droit de la souris sur un graphique ou lorsqu'il a activé le mode Écran tactile et touche un graphique de manière prolongée. Vous pouvez désactiver le menu contextuel de toutes les visualisations.
Procédez comme suit :
- Dans la barre de navigation, cliquez sur le nom de l'application, puis sur l'icône pour ouvrir les options de l'application.
- Cliquez sur Menu contextuel pour les visualisations.
Modification des animations de graphique
Les animations de graphique sont les transitions progressives d'une visualisation de l'ancienne vue à la nouvelle en cas de modification de données, après, par exemple, une sélection.
Il est possible de désactiver les animations de graphique dans les paramètres d'application. Elles sont disponibles pour les types de graphique suivants :
Graphiques à barres
Graphiques à puces
Graphiques combinés
Graphiques en courbes
Graphiques en secteurs
Nuages de points
Graphiques en entonnoir (Visualization bundle)
Bulles (Visualization bundle)
Diagrammes de Sankey (Visualization bundle)
Procédez comme suit :
- Dans la barre de navigation, cliquez sur le nom de l'application, puis sur l'icône pour ouvrir les options de l'application.
- Sous Aspect > Animations de graphique, sélectionnez Activé ou Désactivé.
Masquage des options de la barre d'outils, de l'en-tête de la feuille et de la barre de navigation de l'application
Vous pouvez masquer la barre d'outils et l'en-tête de feuille de votre application. Ainsi, ces zones ne s'afficheront sur aucune feuille, ni pour aucun utilisateur, quelles que soient les autorisations. Tout utilisateur titulaire de droits Accès en écriture dans l'application peut activer ou désactiver ces éléments. Vous pouvez également masquer des éléments individuels dans la barre de navigation de votre application, la barre d'outils et l'en-tête de la feuille.
Barre d'outils
La barre d'outils est la zone au-dessus de la feuille qui contient les boutons suivants :
Ressources
Feuilles
Favoris
Insight Advisor
Recherche intelligente (
)Boutons de sélection :
Retour en arrière dans la sélection (
)Étape suivante dans la sélection (
)Effacer toutes les sélections (
)
Outil de sélection (
)Modifier la feuille
Vous pouvez éventuellement masquer les boutons Ressources, Feuilles et Favoris de la barre d'outils. Si vous retirez Ressources, Feuilles et Favoris s'afficheront sans le panneau des ressources.
Procédez comme suit :
- Dans la barre de navigation, cliquez sur le nom de l'application, puis sur l'icône pour ouvrir les options de l'application.
- Sous Aspect, après Paramètres d'interface, cliquez sur
. - Procédez de l'une des manières suivantes :
- Pour masquer la barre d'outils, désactivez Barre d'outils.
- Pour masquer les Ressources, sous Barre d'outils, sélectionnez Ressources.
- Pour masquer Feuilles, sous Barre d'outils, sélectionnez Feuilles.
- Pour masquer Favoris, sous Barre d'outils, sélectionnez Favoris.
- Cliquez sur Terminé.
En-tête de la feuille
L'en-tête de feuille est la zone de la feuille qui contient le titre de la feuille, l'image du titre et les flèches de navigation de la feuille.
Si vous masquez l'en-tête de la feuille, les flèches de navigation sont déplacées vers la barre d'outils.
Vous pouvez éventuellement masquer le titre de la feuille.
Procédez comme suit :
- Dans la barre de navigation, cliquez sur le nom de l'application, puis sur l'icône pour ouvrir les options de l'application.
- Sous Aspect, après Paramètres d'interface, cliquez sur .
- Procédez de l'une des manières suivantes :
- Pour masquer l'en-tête de la feuille, désactivez En-tête de la feuille.
- Pour masquer le titre de la feuille, sous En-tête de la feuille, sélectionnez Titre de la feuille.
- Cliquez sur Terminé.
Barre de navigation parmi les applications
Vous pouvez éventuellement masquer les options suivantes dans la barre de navigation de votre application :
Logo
Navigation
Demander à Insight Advisor
Centre de ressources
Notifications
Profil
Procédez comme suit :
- Dans la barre de navigation, cliquez sur le nom de l'application, puis sur l'icône pour ouvrir les options de l'application.
- Sous Aspect, après Paramètres d'interface, cliquez sur .
- Sous Barre de navigation parmi les applications, sélectionnez les options à masquer dans la barre de navigation de l'application.
- Cliquez sur Terminé.
Cas d'utilisation
Avantages
Le masquage de la barre d'outils et des en-têtes de feuille crée plus d'espace pour les graphiques, les volets de filtre et d'autres objets.
La désactivation des en-têtes de feuille signifie que cette zone n'apparaîtra pas lorsque vous téléchargerez ou partagerez des feuilles, enverrez des abonnements ou générerez des rapports Qlik Application Automation. Cela s'avère utile si vous utilisez vos feuilles pour créer des tableaux de bord ou des présentations PowerPoint.
La suppression de la barre d'outils permet aux développeurs d'applications de mieux contrôler les fonctions auxquelles les utilisateurs peuvent facilement accéder. Par exemple, le masquage du bouton Modifier la feuille peut décourager d'autres développeurs d'applications de modifier l'application.
Inconvénients
Le masquage de la barre d'outils ne supprime pas complètement les fonctionnalités telles que les favoris, les notes, Insight Advisor ou l'édition de feuilles. Par exemple, les favoris figurent encore dans l'aperçu de l'application. En revanche, les consommateurs d'applications peuvent penser que ces fonctions ne sont plus disponibles.
Si vous masquez la barre d'outils et l'en-tête de feuille, la seule façon de naviguer entre les feuilles consiste à utiliser des raccourcis clavier ou des objets Bouton. Pour plus d'informations, consultez Navigation au clavier et raccourcis dans les applications et Création de boutons.
Si la zone de sélections est masquée, il se peut que les utilisateurs ne se rendent pas compte que des sélections ont été appliquées à l'application. Vous devrez peut-être ajouter des volets de filtre à vos feuilles ou des filtres à des graphiques individuels. Pour plus d'informations, consultez Création de volets de filtre et Application de filtres à des visualisations.
Exemples
Feuille affichant la barre d'outils et l'en-tête de feuille. La barre d'outils affiche Notes, Insight Advisor, les sélections actives, etc. L'en-tête de feuille contient l'image du titre, le titre de la feuille et les flèches de navigation.
Même feuille que ci-dessus, mais avec la barre d'outils visible et l'en-tête de feuille masqué. Les utilisateurs ne peuvent plus voir l'image du titre, le titre de la feuille ni les flèches de navigation.
Même feuille que ci-dessus, mais avec l'en-tête de feuille visible et la barre d'outils masquée. Les utilisateurs ne peuvent pas voir les sélections appliquées.
Même feuille que ci-dessus, mais avec l'en-tête et la barre d'outils masqués.
Ajout de logos personnalisés
Vous pouvez ajouter des logos personnalisés aux barres de navigation des applications. Ceux-ci remplacent les logos placés dans la barre de navigation des clients.
Procédez comme suit :
Dans une application, dans la barre de navigation de l'application, cliquez sur
> Paramètres.Après Paramètres d'interface, cliquez sur
.Sous Barre de navigation parmi les applications, cliquez sur
.Sous Logo, cliquez sur
.Sélectionnez une image existante ou chargez une nouvelle image.
Cliquez sur Insérer.
Modification des couleurs des titres de feuille
Vous pouvez définir la couleur d'arrière-plan des titres de feuille sur une couleur unie ou sur un dégradé de couleurs en sélectionnant deux couleurs. La police des titres de feuille peut uniquement être définie sur une couleur unie.
Lors du choix des couleurs, les options suivantes s'offrent à vous :
- Choisissez une couleur dans la palette de couleurs par défaut.
- Définissez une couleur Hex en saisissant 6 caractères dans le champ d'entrée #.
- Cliquez sur la palette pour afficher d'autres options de couleur :
- Cliquez sur la roue chromatique pour sélectionner une couleur.
- Faites glisser le curseur pour modifier la saturation de la couleur.
Choix d'une couleur dans la palette de couleurs par défaut
Procédez comme suit :
Cliquez sur l'icône
dans le menu déroulant d'une couleur.La boîte de dialogue qui s'ouvre affiche les couleurs par défaut.
Cliquez sur l'une des couleurs de la palette.
La couleur est sélectionnée.
Cliquez en dehors de la boîte de dialogue.
La boîte de dialogue se ferme.
Vous venez de définir une couleur à partir de la palette de couleurs par défaut.
Boîte de dialogue présentant la palette de couleurs par défaut et une couleur bleue sélectionnée.
Saisie d'une couleur Hex
Procédez comme suit :
Cliquez sur l'icône
dans le menu déroulant d'une couleur.La boîte de dialogue qui s'ouvre affiche les couleurs par défaut.
Saisissez 6 caractères dans le champ de saisie Hex #.
La couleur est sélectionnée dans la palette.
Cliquez en dehors de la boîte de dialogue.
La boîte de dialogue se ferme.
Vous venez de définir une couleur en saisissant les 6 chiffres hexadécimaux.
Utilisation des options de couleur avancées
Procédez comme suit :
Cliquez sur l'icône
dans le menu déroulant d'une couleur.La boîte de dialogue qui s'ouvre affiche les couleurs par défaut.
Cliquez sur l'icône
située au bas de la boîte de dialogue. La boîte de dialogue change et affiche les options avancées.
Procédez de l'une des manières suivantes :
Cliquez sur la roue chromatique.
La couleur change et le code couleur hexadécimal est actualisé en conséquence.
Faites glisser le curseur.
La saturation change et le code couleur hexadécimal est actualisé en conséquence.
Dans les deux cas, une couleur est sélectionnée.
Cliquez en dehors de la boîte de dialogue.
La boîte de dialogue se ferme.
Vous venez de définir une couleur en utilisant la roue chromatique et/ou le curseur.
Boîte de dialogue présentant les options avancées et une couleur bleue sélectionnée.
Ajout d'une image
Vous pouvez ajouter une image au titre de la feuille, un logo par exemple. Les formats suivants sont pris en charge : .png, .jpg, .jpeg et .gif.
Procédez comme suit :
Cliquez sur l'espace réservé à l'image à côté de l'option Image.
La bibliothèque multimédia s'ouvre.
Sélectionnez l'image à ajouter au titre de la feuille.
Un aperçu de l'image s'affiche.
Cliquez sur Insérer.
L'image est ajoutée.
Vous venez d'ajouter une image au titre de la feuille.