Tableau Dashboard Layers: Ordering Floating Elements to Improve UX

Data

Tableau Dashboard Layers: Ordering Floating Elements to Improve UX

May 25, 2016

In a previous blog post, I mapped America’s Deadliest Shootings based on a timeline put together by the “Los Angeles Times.” A topic not often discussed is the order of elements when laying out floating containers on your dashboard and how this can ultimately impact user experience.

Notice the context menu when right-clicking on an element in the Layout pane when designing Tableau dashboards:

Tableau > Floating order” height=”534″ src=”/wp-content/uploads/sites/default/files/blog-content/TableauDashboardLayers1.png” style=”border-width: 0px; border-style: solid;” width=”300″ /></p> <p>Similar to a multi-layered wedding cake, selecting <strong>Bring to front</strong> under <strong>Floating order </strong>will push an element to the very top and cover any element(s) behind it. Selecting <strong>Bring forward </strong>will promote an element by one layer rather than traversing all layers at once.</p> <p>With this newfound knowledge, we can now order a hidden layout container (as detailed in Dustin’s <a href=blog post) above a map of the continental U.S. to achieve a pop-up detailing shooting incidents per state:

Order a hidden layout container above map

 

More About the Author

Jubail Caballero

Analytics Consultant
Tableau’s New Data Model: Physical vs. Logical Data Sources With the recent release of Tableau Desktop 2020.2 came the introduction of a brand-new data model. In versions prior to 2020.2, users ...
Alteryx Tool Spotlight: Compare Values Across N Groups with Dynamic Replace Imagine you are supplied financials from multiple vendors and have the wonderful task of comparing them to each other? With two ...

See more from this author →

Subscribe to our newsletter

  • I understand that InterWorks will use the data provided for the purpose of communication and the administration my request. InterWorks will never disclose or sell any personal data except where required to do so by law. Finally, I understand that future communications related topics and events may be sent from InterWorks, but I can opt-out at any time.
  • This field is for validation purposes and should be left unchanged.

InterWorks uses cookies to allow us to better understand how the site is used. By continuing to use this site, you consent to this policy. Review Policy OK

×

Interworks GmbH
Ratinger Straße 9
40213 Düsseldorf
Germany
Geschäftsführer: Mel Stephenson

Kontaktaufnahme: markus@interworks.eu
Telefon: +49 (0)211 5408 5301

Amtsgericht Düsseldorf HRB 79752
UstldNr: DE 313 353 072