Custom tabbed navigation in tableau


This example illustrates how a combination of images used as tableau shapes, with some careful positioning and action filters, can be used to create custom navigation effects that will feel natural and intuitive to most users. Here is a description of the process used to produce this tableau dashboard:
First, using power point, 2 images were created, a selected tab and an unselected tab.

01_tabs

These images were added to tableau shapes repository.

02_image_repo

Then, in tableau, these images were used to create two sheets for each tab screen, a selected tab state and an unselected tab state.

03_home_selected 04_home_unselected
Then, 4 dashboards were created with the worksheets containing the images carefully positioned on each dashboard

05_tabs
Finally, action filters were created on each page to navigate to the appropriate page on selection of each navigational tab sheet as needed

06_actions
The dashboard was published to the server and.. Voila! The custom tabs are ready

This entry was posted in Data visualization, Tableau and tagged , , . Bookmark the permalink.

7 Responses to Custom tabbed navigation in tableau

  1. Gary says:

    I tried to publish this to Tableau public and it displays but the tabs do not take you to a different worksheet. It works in Desktop 2018.1 though. Is this a change in later versions of Tableau?

    https://public.tableau.com/profile/gary.bisaga#!/vizhome/tabs_3/HomeScreen

  2. Deepak says:

    Hi ,

    How did you add this to the shapes in the repository and how did you edit the text as “Home” to the tab. Could you please elaborate or do a video recording how to do this? I am actually looking for similar type of functionality . Your video would be very helpful for many of the users.

  3. Sunitha says:

    Hi Ron,
    In your previous comment you mentioned about adding parameter. Can you explain that in detail on where should the parameter be added.
    Also can you please provide step by step on how to create the worksheet (Eg. HomeSelected).
    Thank You!

  4. Renuka says:

    Hi,

    Such a good use of filters. Could you please send me this workbook. I would like to use it for one of my reports. 🙂

    Thank you,
    Renuka

Comments are closed.