Tableau Dashboard Layers: Ordering Floating Elements to Improve UX


Tableau Dashboard Layers: Ordering Floating Elements to Improve UX

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

Delivery Architect
Optimizing Tableau Relational Models With Row-Level Security: Filters In Part two of this series, we covered a method of distillation to reduce data volume and size. However, we need to translate our ...
Optimizing Tableau Relational Models With Row-Level Security: Performance In a previous installment, we kicked off this blog series by materializing our policy and entitlement table and removing all physical ...

See more from this author →

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
Geschäftsführer: Mel Stephenson

Telefon: +49 (0)211 5408 5301

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


Love our blog? You should see our emails. Sign up for our newsletter!