2
votes

Comment créer une mise en page réactive sur les tableaux de bord Tableau?

J'ai créé 4 feuilles de calcul de tableau, appelons-les W1, W2, W3, W4 . Chaque feuille de calcul a une sorte de tableau de présentation des données.
Je souhaite les présenter dans un tableau de bord. J'ai donc mis 4 mises en page verticales et y ai placé ces feuilles.
La taille de W1 varie en fonction des données. Donc, si les données sont volumineuses, il se peut qu'une nouvelle ligne soit insérée dans le W1 . Vous pouvez voir le tableau de bord avec layout1 (c'est-à-dire W1) sélectionné ici - Dashboard1

Donc, si la hauteur de layout1 augmente (c'est-à-dire que de nouvelles lignes sont ajoutées dans W1 ), je ne veux pas qu'une barre de défilement apparaisse. Je veux que les autres mises en page qui se trouvent sous layout1 s'ajustent en fonction de la taille de layout1.
Comment puis-je y parvenir?

EDIT 1 - Voici l'image de la hiérarchie de mise en page pour référence hiérarchie de mise en page


3 commentaires

Vous ne voulez probablement pas 4 conteneurs de disposition verticale différents, mais peut-être un. Votre image liée n'affiche pas la disposition du conteneur de mise en page, il est donc difficile de donner des conseils plus spécifiques.


Salut @Alex, j'ai édité le message original avec l'image de la structure hiérarchique. J'espère que ça t'as aidé.


Cela aide à montrer ce qui se passe. Merci.


3 Réponses :


1
votes

Lorsque vous ouvrez le tableau de bord, vous remarquerez un bouton Aperçu de l'appareil dans le volet du tableau de bord.

Cliquez sur le bouton "Aperçu de l'appareil" pour afficher deux outils de création qui prévisualisent la disposition du tableau de bord sur une variété de types d'appareils et de tailles d'écran.

si le tableau de bord dépasse les limites de l'écran d'aperçu. Cliquez sur le bouton «Ajouter une mise en page de tablette» dans la barre d'outils d'aperçu. Cette action créerait une personnalisation du tableau de bord que l'on appelle comme "disposition de l'appareil" .

J'espère que cela vous aidera ...


1 commentaires

Jetez un œil à l'EDIT 1 sur le message d'origine. La sous-catégorie Motif du rejet sous la hiérarchie Mosaïque est de hauteur variable. Je souhaite ajuster d'autres sous-catégories (par exemple Rejet du segment , Rejet de l'offre de compteur , Rejet manuel ) en fonction de la hauteur de Raison de rejet . Si tout le tableau de bord a une barre de défilement, c'est très bien, mais si un segment particulier a une barre de défilement, cela signifie que je dois faire défiler ce segment pour voir les données et je ne veux pas cela. J'espère que cela vous aide à me comprendre plus clairement.



2
votes

Les conteneurs de disposition verticale et horizontale sont conçus / destinés à vous permettre de spécifier explicitement la manière dont Tableau doit positionner les composants du tableau de bord (feuilles de calcul, titres, composants de texte, composants d'image, etc.).

Les conteneurs de mise en page en mosaïque sont introduits automatiquement par Tableau lorsque vous déposez simplement un composant sur le tableau de bord. Dans ce cas, vous confiez un contrôle de positionnement à Tableau.

Les conteneurs en mosaïque fonctionnent bien dans les cas faciles pour commencer, mais vous souhaitez généralement supprimer les conteneurs de disposition en mosaïque (et tout autre niveau de conteneurs supplémentaire inutile) lorsque vous souhaitez spécifier vous-même le positionnement. Faites un clic droit sur un conteneur dans la hiérarchie de mise en page dans la barre latérale gauche pour pouvoir les supprimer.

Vous pouvez positionner des composants dans un conteneur vertical pour créer une colonne avec plusieurs composants empilés en lignes, tous ayant la même largeur mais avec des hauteurs de ligne individuelles contrôlées par le conteneur de disposition verticale. Utilisez des conteneurs verticaux par exemple pour créer des barres latérales dans la marge ou une pile verticale de composants. Les conteneurs horizontaux fonctionnent de manière analogue.

Vous pouvez soit fixer la hauteur de chaque composant dans un conteneur vertical pour contraindre les choix du conteneur, soit laisser le choix de la hauteur au conteneur - qui prendra en compte le volume de données, la hauteur des autres conteneurs et le " ajustement "paramètres pour chaque composant. Les conteneurs horizontaux fonctionnent de manière analogue.

Vous pouvez imbriquer des conteneurs verticaux et horizontaux pour créer une imbrication arbitraire de lignes et de colonnes de composants.

Si la taille du tableau de bord est définie sur automatique ou plage, vous pouvez alors créer des tableaux de bord réactifs qui se comportent bien pendant que le tableau de bord ajuste la taille, en ajustant l'ajustement, la taille et l'imbrication et la hiérarchie de la disposition pour obtenir le comportement souhaité.

Donc, en résumé, supprimez les conteneurs en mosaïque, simplifiez la hiérarchie des conteneurs pour qu'elle soit ce que vous voulez (peut-être juste un conteneur vertical dans votre cas), ajustez les tailles fixes, l'ajustement, les choix de taille du tableau de bord, testez, et vous devriez obtenir votre tableau de bord fonctionne bien.

Parfois, il est utile d'avoir un composant factice (vide, texte ou image) que vous pouvez utiliser temporairement pendant que vous configurez rapidement vos conteneurs comme vous le souhaitez - puis remplacez les composants factices par vos vraies feuilles de calcul.


0 commentaires

1
votes

Arriver en retard à la fête sur celui-ci, mais depuis Tableau 10, il est simple de créer des dispositions spécifiques à l'appareil du même tableau de bord. Tous les détails ici: https://tarsolutions.co .uk / blog / tableau-responsive-dashboards-for-mobile-and-desktop /


0 commentaires