QBoard » Advanced Visualizations » Viz - Tableau » Tableau dashboard for mobile/tablets

Tableau dashboard for mobile/tablets

  • I am new to Tableau and trying to understand how convenient it is to prepare a dashboard which can be accessed through web browsers, tablets and mobile phones.

    I have few questions which are:

    Does tableau already provides a responsive dashboard which adjusts itself to the device width?
    Can we customize the look and feel of the charts/dashboard to suit our requirements for browsers and tablets?
    Is there a demo available where I can have a look how a tableau dashboard looks like on various screen widths?
    Which mobile platforms does tableau supports (Android, iOS, Win)
      June 11, 2019 5:10 PM IST
    0
  • Tableau does not provide Responsive UI. It does provide automatic resizing. There is a enhancement filed in Tableau forum to support responsive UI.
      September 23, 2020 11:50 AM IST
    1
  • The trick with Tableau dashboards on mobile is to design the dashboard to fit the screen size of the smallest device you want it to work on. Dashbaords can be set to automatically resize, but the results are acceptable but not perfect as some dashboard elements will often end up truncated on smaller screens.

    The best way to experiment with this is to test the dashboard you are building using different screen sizes and see how they work (you can set the minimal size you want as the base by choosing an option to make the designed size the minimal size; dashboards will then expand if the actual size is larger). Some device screens are selectable automatically for convenience (iPad, for example) ad it is worth testing these out when designing a dashboard.

    The interaction UI elements adjust automatically to the device browser standard which saves a lot of effort.

    Tableau will support any device with a browser.

      September 23, 2020 11:51 AM IST
    1
  • In Tableau, you don’t have to do anything special to make a dashboard mobile. Simply publish to Tableau Server like you always have, and Tableau will detect if you’re using the Mobile app. Dashboard you can select options iPad, desktop or automatic even you can specify custom size of your dashboard.
    you go to Tableau Server from your mobile browser, without the app at all. no special authoring or design changes are required to make views and dashboards automatically work on your tablet.
      June 11, 2019 5:11 PM IST
    1
  • It looks like the dashboard itself will automatically resize, but the responsiveness is limited to the dashboard design. What you can do, however, to is design multiple dashboards, one for each screen size you wish to accommodate, and embed them within a css framework on a custom page.

    See how this person does it.

    Each dashboard will ultimately contain identical data/visuals, but arranged in different ways to better suit differently sized screens.

    If a certain visual will not fit on a mobile screen, you will have to think of a creative way to display this data differently on mobile, or just eliminate it from the mobile view.

      September 23, 2020 11:53 AM IST
    0
  • Dashboards can include layouts for different types of devices that span a wide range of screen sizes. When you publish these layouts to Tableau Server or Tableau Online, people viewing your dashboard experience a design optimized for their phone, tablet, or desktop. As the author, you only have to create a single dashboard and deliver a single URL.

    Tip: In addition to optimizing layouts for mobile, optimize workbook performance to better meets the needs of mobile users, who often have limited bandwidth and are in a hurry.

    How the Default dashboard relates to device layouts

    Device layouts appear on the Dashboard tab, under Default. Initially, each device layout contains every item in the Default dashboard and derives its size and layout from Default as well.

    Think of the Default dashboard as the parent, and the device layouts (desktop, tablet, and phone) as its children. Any view, filter, action, legend or parameter that you want to add to a device layout must first exist in the Default dashboard.

    Phone layouts and the Default dashboard

    To save time with a unique Phone layout option that automatically reflects changes to the Default dashboard, either click the open lock icon , or choose Auto-Generate Layout from the pop-up menu.

    If you instead click the closed lock icon  or choose Edit Layout from the menu, the Phone layout becomes fully independent, so you'll need to manually add and arrange items to reflect changes to the Default dashboard.

    Desktop and Tablet layouts and the Default dashboard

    Unlike Phone layouts, you need to manually add Desktop and Tablet layouts to a dashboard. Desktop and Tablet layouts are always fully independent from the Default dashboard, so each device layout can contain a unique arrangement of objects.

    Automatically add phone layouts

    Two options let you automatically add phone layouts:

    • To create phone layouts whenever you open old dashboards that lack them, choose Dashboard > Add Phone Layouts to Existing Dashboards
    • To create phone layouts whenever you create a new dashboard, choose Dashboard > Add Phone Layouts to New Dashboards. (This option is on by default.)
     
      January 13, 2022 1:24 PM IST
    0