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

Analytics Consultant
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 ...
Alteryx Batch Macros – Email Customized Reports to a List of Users Have you ever had the pleasure of emailing customized sales reports to 25 regional managers? How about 100 customers? It probably took ...

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

Telefon: +49 (0)211 5408 5301

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