Dashboard sizing options in Tableau - Practice Problems & Coding Challenges

Challenge - 5 Problems

🧠 Conceptual

intermediate

Understanding Fixed Size Dashboards

In Tableau, what happens when you set a dashboard's size to Fixed Size?

A The dashboard automatically adjusts to fit the screen size of any device.

B The dashboard size is set based on the device type detected by Tableau.

C The dashboard size stays constant regardless of the device or window size.

D The dashboard size changes only when the browser window is resized.

💡 Hint

Think about what 'fixed' means in everyday life, like a fixed price or fixed schedule.

Fixed Size means the dashboard dimensions do not change. It stays the same width and height no matter what device or window size is used.

🧠 Conceptual

intermediate

Choosing Automatic Sizing

What is the main advantage of setting a Tableau dashboard to Automatic size?

A It allows the dashboard to resize dynamically to fit the available screen space.

B It locks the dashboard size to a specific pixel dimension.

C It disables any resizing and keeps the dashboard static.

D It sets the dashboard size based on the largest worksheet inside it.

💡 Hint

Think about how websites adjust when you resize your browser window.

Automatic sizing lets the dashboard grow or shrink to fill the screen or window size, making it flexible for different devices.

❓ dax_lod_result

advanced

Calculating Dashboard Width for Device Layout

You want to create a calculated measure in Tableau to determine the dashboard width based on device type. The logic is:

• If device is 'Desktop', width = 1200
• If device is 'Tablet', width = 800
• If device is 'Phone', width = 400
• Otherwise, width = 1000

Which calculated field formula correctly implements this?

A CASE [Device] WHEN 'Desktop' THEN 1200 WHEN 'Tablet' THEN 800 WHEN 'Phone' THEN 400 ELSE 1000 END

B IF [Device] = 'Desktop' THEN 1200 ELSEIF [Device] = 'Tablet' THEN 800 ELSEIF [Device] = 'Phone' THEN 400 ELSE 1000 END

C IF [Device] = 'Desktop' THEN 1200 ELSE IF [Device] = 'Tablet' THEN 800 ELSE IF [Device] = 'Phone' THEN 400 ELSE 1000 END

D SWITCH([Device], 'Desktop', 1200, 'Tablet', 800, 'Phone', 400, 1000)

💡 Hint

Remember Tableau uses CASE statements for multiple conditions.

Option A uses the correct CASE syntax in Tableau to check device types and assign widths accordingly.

❓ visualization

advanced

Best Practice for Responsive Dashboard Design

Which dashboard sizing option in Tableau best supports creating a dashboard that looks good on both desktop and mobile devices without manual resizing?

A Fixed Size with 1200x800 pixels

B Automatic sizing with floating layout containers

C Fixed Size with 400x600 pixels

D Range sizing with minimum 800 and maximum 1200 pixels width

💡 Hint

Think about how a dashboard can adapt between a phone and a desktop screen.

Range sizing allows the dashboard to resize between a minimum and maximum width, making it flexible for different screen sizes while maintaining design control.

🔧 Formula Fix

expert

Troubleshooting Dashboard Size Not Changing

You set your Tableau dashboard size to Automatic, but when you view it on different devices, the size does not change. What is the most likely cause?

A You did not publish the dashboard to Tableau Server.

B You used floating objects that have fixed pixel sizes inside the dashboard.

C You have fixed the size of all worksheets inside the dashboard.

D You set the dashboard to Range sizing instead of Automatic.

💡 Hint

Think about what elements inside a dashboard can prevent resizing.

Floating objects with fixed pixel sizes do not resize automatically, which can prevent the dashboard from adjusting size even if set to Automatic.

Practice

1. Which Tableau dashboard sizing option automatically adjusts the dashboard size to fit the screen of the device viewing it?

easy

A. Range sizing

B. Fixed sizing

C. Automatic sizing

D. Custom sizing

Solution

1. Step 1: Understand Automatic sizing

   Automatic sizing lets Tableau adjust the dashboard size dynamically based on the device screen.

2. Step 2: Compare with other sizing options

   Fixed sizing uses a set size, Range sizing allows a size range, and Custom sizing is not a standard option.

3. Final Answer:

   Automatic sizing -> Option C

4. Quick Check:

   Automatic sizing = fits screen automatically [OK]

Hint: Automatic means it fits any screen size by itself [OK]

Common Mistakes:

• Confusing Fixed sizing with Automatic
• Thinking Range sizing adjusts automatically
• Assuming Custom sizing is a Tableau option

2. Which of the following is the correct way to set a Fixed dashboard size in Tableau?

easy

A. Select 'Fixed size' and enter width and height values

B. Choose 'Automatic' and specify minimum and maximum sizes

C. Pick 'Range' and leave width and height blank

D. Set 'Floating' objects to fixed size

Solution

1. Step 1: Identify Fixed size setting

   Fixed size requires selecting 'Fixed size' and entering exact width and height.

2. Step 2: Eliminate incorrect options

   Automatic does not require fixed dimensions, Range needs min and max sizes, Floating relates to objects, not dashboard size.

3. Final Answer:

   Select 'Fixed size' and enter width and height values -> Option A

4. Quick Check:

   Fixed size = set exact width and height [OK]

Hint: Fixed size means typing exact width and height numbers [OK]

Common Mistakes:

• Confusing Automatic with Fixed size
• Leaving width and height blank for Fixed size
• Mixing Floating object size with dashboard size

3. If you set a Tableau dashboard size to Range with minimum width 800px and maximum width 1200px, what happens when viewed on a 1000px wide screen?

medium

A. Dashboard width adjusts to 1000px

B. Dashboard width stays fixed at 800px

C. Dashboard width expands to 1200px

D. Dashboard does not display properly

Solution

1. Step 1: Understand Range sizing behavior

   Range sizing allows dashboard width to adjust between minimum and maximum values based on screen size.

2. Step 2: Apply screen width to range

   Since 1000px is between 800px and 1200px, the dashboard width will be 1000px.

3. Final Answer:

   Dashboard width adjusts to 1000px -> Option A

4. Quick Check:

   Range sizing fits screen width within min and max [OK]

Hint: Range sizing picks screen width if between min and max [OK]

Common Mistakes:

• Assuming dashboard stays at minimum width
• Thinking dashboard always expands to max width
• Believing dashboard breaks if screen size is in range

4. You set a dashboard to Fixed size 1000px by 800px, but on a small laptop screen it appears cut off. What is the best fix?

medium

A. Set Range sizing with smaller minimum width

B. Change sizing to Automatic

C. Increase Fixed size dimensions

D. Use Floating layout for all objects

Solution

1. Step 1: Identify problem with Fixed size

   Fixed size does not adjust to smaller screens, causing cut off on small laptops.

2. Step 2: Choose best sizing option to fix

   Automatic sizing adjusts the dashboard dynamically to fit the viewing screen, eliminating the cut off.

3. Final Answer:

   Change sizing to Automatic -> Option B

4. Quick Check:

   Automatic sizing = fits screen automatically [OK]

Hint: Automatic adjusts to fit the screen [OK]

Common Mistakes:

• Increasing Fixed size makes problem worse
• Setting Range sizing but not small enough minimum
• Confusing Floating layout with dashboard sizing

5. You want a dashboard that looks good on desktop and tablet but never smaller than 900px wide or larger than 1400px wide. Which sizing option and settings should you choose?

hard

A. Fixed sizing at 900px width

B. Fixed sizing at 1400px width

C. Automatic sizing with custom device layouts

D. Range sizing with min width 900px and max width 1400px

Solution

1. Step 1: Analyze sizing needs

   You want the dashboard width to vary but stay between 900px and 1400px for desktop and tablet.

2. Step 2: Match sizing option to requirements

   Range sizing lets you set minimum and maximum widths, exactly fitting the requirement.

3. Step 3: Eliminate other options

   Fixed sizing locks width, Automatic may go smaller than 900px, custom device layouts are more complex and not needed here.

4. Final Answer:

   Range sizing with min width 900px and max width 1400px -> Option D

5. Quick Check:

   Range sizing controls min and max dashboard width [OK]

Hint: Range sizing sets min and max width limits [OK]

Common Mistakes:

• Choosing Fixed sizing which is not flexible
• Assuming Automatic respects min width
• Overcomplicating with custom device layouts