0
0
Tableaubi_tool~5 mins

Device-specific layouts in Tableau - Step-by-Step Guide

Choose your learning style9 modes available
Introduction
Device-specific layouts let you create different views of your dashboard for phones, tablets, and desktops. This helps your dashboard look good and work well on each device without changing the data.
When your sales dashboard needs a simple view on phones but a detailed view on desktops
When you want to hide complex charts on small screens to avoid clutter
When users access your reports from tablets and you want a medium-sized layout
When you want buttons and filters to be bigger on touch devices for easier tapping
When you want to optimize loading speed by showing fewer visuals on mobile devices
Steps
Step 1: Open your dashboard
- Tableau Desktop main window
Your dashboard appears with all current visuals
💡 Make sure your dashboard is complete before adding device layouts
Step 2: Click the 'Device Preview' button
- Dashboard pane toolbar
The Device Preview pane opens on the right side
💡 This pane shows device types you can create layouts for
Step 3: Click 'Add Layout' and select a device type
- Device Preview pane
A new layout tab for the selected device appears
💡 Choose Phone, Tablet, or Desktop depending on your target device
Step 4: Adjust the dashboard layout for the device
- New device layout tab
You can resize, move, or remove dashboard items for better fit
💡 Simplify visuals for smaller screens to improve readability
Step 5: Click 'Preview' in the Device Preview pane
- Device Preview pane
You see how the dashboard looks on the selected device
💡 Test all device layouts to ensure good user experience
Step 6: Save your workbook
- File menu
All device-specific layouts are saved with your dashboard
Before vs After
Before
Dashboard shows the same layout on all devices, causing clutter on phones and wasted space on desktops
After
Dashboard shows a simplified layout on phones, a medium layout on tablets, and a full layout on desktops for better usability
Settings Reference
Add Layout
📍 Device Preview pane
Create a new layout optimized for a specific device type
Default: No device layout added
Device Preview
📍 Dashboard pane toolbar
Toggle the device preview pane to manage device layouts
Default: Hidden
Preview
📍 Device Preview pane
View how the dashboard looks on the selected device
Default: None
Common Mistakes
Not adding device-specific layouts and expecting the dashboard to auto-adjust
Tableau does not automatically rearrange dashboard items for different devices
Manually create and customize layouts for each device type using the Device Preview pane
Adding too many visuals on phone layouts
Small screens get cluttered and hard to read
Simplify phone layouts by removing or resizing visuals for clarity
Summary
Device-specific layouts let you tailor dashboards for phones, tablets, and desktops.
Use the Device Preview pane to add and customize layouts for each device.
Remember to simplify layouts for smaller screens to improve user experience.