Create a Tiled Container "Selector"

  



The new version of Tableau (2021.2) brought us an awesome new feature, the ability to add a show/hide button to not only a floating container, but also a tiled container.  When you close a tiled container, the other tiled containers fill that space.  This opens us up to so many cool things and the datafam hasn't disappointed (as usual).  


When I was driving one day (and thinking about Tableau of course), I came up with the idea of creating a Tiled Container Selector, sort of a visual guide to which containers exist, which are open, which are closed, and which are available to be opened or closed.  I landed on something I thought was quite cool.  You can check out the example viz on my Tableau Public page and check out the animated gif below to see what it looks like.  







Okay, want to build one yourself?  It's super easy and this 8 minute video will walk you through all the steps.  Check it out and let me know what you think. 







 

Kevin Flerlage, August 23, 2021

Twitter LinkedIn Tableau Public


8 comments:

  1. Fantastic stuff! This really opens up entirely new UI/UX options.

    Now if only I could get my company to upgrade our Server past 2020.3 :)

    ReplyDelete
  2. This is awesome! I need to find a use case or improve existing dashboards. I try to read some Flerlage Twins every day to increase my knowledge base!

    ReplyDelete
  3. Completely unrelated to the actual intent of this blog entry, but I noticed you immediately upped the width of the dashboard to 1400... is that the "typical" dashboard size you use (1400x800)?

    I ask because I've been very curious how other people/companies approach the fixed size of their dashboards. Where I work now (using Tableau Server, by the way), we operate under the assumption people are using HD monitors/laptops at 1920x1080.

    We noticed that the top navigation/tabs/bookmarks bar of the browser plus the Server UI stuff at the top left us with just over 800px of height, so we do go with 800 there... but we also opted to leverage the additional width and go for an overall dashboard size of 1800x800. (We also make the dashboard background the lightest gray color to match the default Server background color... makes for an "integrated" UI look/feel :) )

    Have you seen any research out there on optimal dashboard sizes/ratios?

    ReplyDelete
    Replies
    1. I'm not familiar with any research. I've heard about a lot of people making them very long, but not as tall...like you do. We typically make them 1200 X 800 or 1300 X 800. But it just sort of became our standard. I'd be curious to hear what others do as well.

      Delete
  4. Hi Kevin.
    Is there a way not to double click to see or hide the container? (click to select it, click to deselect it). Let it just work as a hyperlink. I am interested in this as I have a dashboard with hidden containers that are in the same space as the dashboard.
    In answer to your curiosity, I work with a size 1266 x 968).

    ReplyDelete
    Replies
    1. I may need some clarification on this. Instead of a single click, you want to double-click it?

      Delete

Powered by Blogger.