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.

5 Responses to Custom tabbed navigation in tableau

  1. 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

  2. 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!

Leave a Reply

Your email address will not be published. Required fields are marked *