Thème LuckyTemplates : comment simuler une thématisation dynamique

Pour le billet de blog d'aujourd'hui, je souhaite parler d'une technique que nous pouvons utiliser pour simuler une thématisation dynamique dans un rapport LuckyTemplates . Nous avons récemment eu quelques messages sur le forum de support de LuckyTemplates demandant comment changer dynamiquement le thème d'un rapport LuckyTemplates. Dans un cas, l'utilisateur a cherché à ce qu'une seule page de contenu reflète le thème de plusieurs départements ou catégories. Vous pouvez regarder la vidéo complète de ce tutoriel au bas de ce blog.

Depuis mai 2021, un seul fichier JSON de thème peut être utilisé dans un rapport LuckyTemplates et une page ne peut avoir qu'un seul arrière-plan. C'est pourquoi une autre technique est nécessaire pour atteindre l'objectif déclaré.

J'ai pensé à utiliser des signets (au lieu de la navigation de page) et des images (au lieu d'arrière-plans de page) pour simuler un thème dynamique et j'ai décidé de l'essayer.

Voici ce que j'ai trouvé jusqu'à présent. Il s'agit d'une page d'accueil qui comporte quatre boutons.

Il y en a un pour chaque catégorie d'expédition. Si vous survolez chaque catégorie, vous pouvez voir que le comportement de survol modifie sa transparence.

Si je clique sur le bouton Air, cela m'amènera à une page de catégorie qui a le même thème (avion en arrière-plan) que celui du bouton Air.

Si je clique sur le bouton Mer, cela ira à la page de la catégorie Mer avec le même thème (navire avec cargaison en arrière-plan).

Encore une fois, si je clique sur l'autre bouton pour Rail, il affiche un autre thème (chemin de fer en arrière-plan).

Vous pouvez voir qu'il n'y a que deux pages impliquées dans ce rapport. Pour construire la solution, j'ai commencé avec un PBIX vierge, puis j'ai ajouté un petit ensemble de données d'expédition basé sur celui que nous avons utilisé dans le récent .

Table des matières

• Configuration du rapport LuckyTemplates
• Création de mesures d'affichage
• Création d'un bouton d'accueil
• Faire une trancheuse pour les catégories
• Ajouter le titre
• Créer et formater le tableau
• Faire la page d'accueil
• Conclusion

Configuration du rapport LuckyTemplates

Ensuite, j'ai cherché en ligne et j'ai trouvé des images qui représentaient les différents modes ou catégories d'expédition. Ensuite, j'ai poursuivi en générant un thème de couleur de base à l'aide du générateur de thème de couleur dans le LuckyTemplates Analyst Hub.

J'ai choisi le bleu foncé moyen comme point de départ, puis j'ai utilisé la fonction d'éventail de couleurs pour générer un thème à six couleurs, que j'ai ensuite utilisé pour personnaliser le thème de ce rapport LuckyTemplates.

Enfin, j'ai développé quelques mesures DAX pour restituer le texte et la couleur de fond ou de police en utilisant les thèmes souhaités. Jetons un coup d'œil rapide.

Nous allons ouvrir nos Key Measures , puis parcourir notre dossier Color Measures . La couleur du thème 6 est juste un code hexadécimal pour l'un de mes thèmes tandis que la couleur du thème 5 est ma couleur de départ bleu moyen.

Création de mesures d'affichage

Ensuite, nous irons aux mesures d'affichage , puis cliquerons sur la mesure du texte du titre du tableau .

Cela a une valeur qui est déterminée par la catégorie actuelle et créée à l'aide d'une instruction .

Si nous examinons la mesure Couleur d'arrière-plan de la police du titre du tableau , elle utilise exactement la même instruction SWITCH TRUE basée sur la catégorie ; mais cette fois, il renvoie une mesure de thème de couleur.

J'ai une mesure similaire pour la couleur de la police, appelée Table Title Font Color , qui renvoie un noir plus large qui contraste bien avec la couleur du thème.

Et enfin, j'ai une mesure de couleur d'arrière-plan du tableau , qui est un doublon de ma mesure de couleur d'arrière-plan de la police du titre du tableau, mais avec un nom différent pour faciliter la configuration.

Nous avons également un petit tableau en bas pour que nous puissions voir quels sont les résultats de ces mesures.

Voilà pour la configuration. Construisons maintenant la solution ensemble et commençons par une page d'accueil afin d'avoir quelque chose vers quoi naviguer.

Création d'un bouton d'accueil

Nous allons créer une page Contenu 2 et ajouter une image pour Accueil .

Amenez l'image dans un coin, réduisez-la un peu et définissez son action pour accéder à la page d'accueil.

Faire une trancheuse pour les catégories

Ensuite, nous ajouterons un segment pour les catégories et ferons en sorte que le segment sélectionne une seule fois .

Ajouter le titre

L'étape suivante consiste à ajouter une zone de texte dans le coin supérieur gauche pour le titre. Appelons-le ABC Transportation et ajoutons une mesure à notre catégorie.

Le titre change lorsque nous effectuons différentes sélections sur notre slicer. Nous pouvons également modifier la couleur et la taille de la police.

La prochaine chose à faire est d'ajouter une image pour chaque catégorie. Ajoutons la première image pour le transport aérien. Nous allons le régler sur la taille 1280 et 720 pour la taille réelle. Nous allons le nommer dans le volet de sélection.

Créer et formater le tableau

Nous ferons les mêmes étapes pour les images supplémentaires, puis ajouterons un tableau. Ajoutons une nouvelle table à cette table. Nous le mettrons dans la catégorie pour que nous puissions voir à partir de notre tableau des expéditions, ainsi que le pays d'origine et le pays de destination. De notre catégorie de mesures clés, nous allons également ajouter les mesures que nous avons déjà calculées.

La prochaine chose à faire est de formater la table. Nous allons d'abord définir le texte du titre sur la mesure que nous avons déjà calculée.

Une fois que nous avons cliqué sur le slicer, nous pouvons voir que le titre du tableau change en fonction de la sélection que nous effectuons sur le slicer.

Nous pouvons également modifier la couleur de la police du tableau, l'arrière-plan du tableau et la transparence.

L'étape suivante consiste à ajouter un signet pour chaque image.

Faire la page d'accueil

C'est tout pour la page de contenu. Passons à la page d'accueil. Pour commencer, nous allons ajouter un bouton vierge ici.

Nous allons désactiver le contour et le dimensionner à 400 et 250.

Ensuite, nous allons remplir une image pour ce bouton.

Nous allons régler l' ajustement de l'image et la transparence sur 0 % pour le survol afin que nous puissions voir que le bouton devient transparent lorsqu'il n'est pas sélectionné.

La prochaine chose à faire est d' y ajouter une action de signet . Activez le bouton du curseur Action et changez-le en Signet. Sélectionnez la page Air 2.

L'étape suivante consiste à définir le titre. Nous pouvons le transformer en une couleur transparente afin que nous ne puissions pas le voir.

Nous ferons cela trois fois de plus en copiant et collant l'image. Ensuite, nous les ajusterons pour représenter chaque catégorie.

Pour le deuxième bouton, nous allons changer le remplissage du transport aérien au transport maritime .

Modifiez ensuite l' ajustement de l'image pour l'adapter et modifiez le nom. Nous changerons ensuite cette couleur d'arrière-plan en un thème différent.

Pour le troisième bouton, nous allons changer le remplissage de transport aérien en transport routier .

Encore une fois, nous allons modifier l'ajustement de l'image pour l'adapter et modifier la couleur d'arrière-plan du titre.

Et pour notre dernier bouton, nous allons changer le remplissage du transport aérien au transport ferroviaire .

Et encore une fois, nous devons régler l'image pour qu'elle s'adapte et changer la couleur de l'arrière-plan pour un thème différent.

Sur la page du bouton air, nous avions sélectionné l'action comme Bookmark Air 2. Pour les trois autres boutons, nous devons changer l'action sélectionnée. Par exemple, sur la page du bouton de la mer, nous devons la mettre en signet sur Bookmark Sea 2.

Conclusion

Nous avons donc maintenant notre solution nouvellement construite. Lorsque nous appuyons sur contrôle et cliquons sur la page d'accueil, nous sommes redirigés vers la page de contenu 2 où l'image appropriée en plein écran de l'arrière-plan est affichée pour la catégorie sélectionnée. Nous pouvons utiliser le bouton d'accueil pour revenir à la page d'accueil 2.

Depuis mai 2021 , la version actuelle de LuckyTemplates Desktop permet de définir les propriétés suivantes pour la table :

Les propriétés restantes ne peuvent pas être définies par programmation pour le moment. Mais si nécessaire, on peut tirer parti d'une solution en utilisant plusieurs visuels de tableau , un pour chaque catégorie, puis ajuster les propriétés et la visibilité du produit individuellement comme souhaité.

Cela peut être un peu plus compliqué, mais une flexibilité supplémentaire est possible. L'expérience montre que des propriétés supplémentaires deviendront personnalisables dans les futures versions du bureau LuckyTemplates.

Espérons que l'équipe LuckyTemplates ajoutera la possibilité d'utiliser plusieurs thèmes dans un rapport. Mais pour l'instant, voici une technique qui permet de simuler différents thèmes.

Merci d'avoir regardé et je vous souhaite tout le meilleur dans votre voyage LuckyTemplates.

Greg