4.1 Dashboard Layout Containers, Tiled vs Floating Objects

4.1 Dashboard Layout Containers, Tiled vs Floating Objects

A Tableau dashboard is a consolidated collection of views, interactive controls, and visual objects arranged on a single canvas to present data insights. Understanding how Tableau structures object layouts—through size settings, layout containers, and positioning modes—is a core competency tested on the Tableau Desktop Specialist exam.

Canvas Sizing and Device Layouts

Before placing worksheets or objects on a dashboard, analysts must select an appropriate dashboard size mode in the Dashboard pane:

Tableau also provides Device Layouts (Default, Desktop, Tablet, and Phone), enabling designers to customize component arrangements for specific screen dimensions without creating separate workbook files.

Tiled vs. Floating Layout Objects

Every worksheet, text block, image, legend, or web page added to a dashboard operates under one of two positioning paradigms: Tiled or Floating.

Tiled Objects

Tiled objects fit into a single-layer grid structure. When a new tiled item is dragged onto the canvas, Tableau automatically divides the available space, snapping the item alongside existing tiled elements.

• Automatic Resizing: Adjusting the width or height of one tiled element automatically resizes adjacent tiled elements.
• Single-Layer Grid: Tiled elements never overlap; they share boundaries within the dashboard layout structure.
• Predictable Structure: Ideal for primary KPI cards, main analytical worksheets, and baseline dashboard sections.

Floating Objects

Floating objects sit in independent layers above or below other objects, using explicit X coordinate, Y coordinate, Width, and Height pixel values specified in the Layout pane.

• Z-Order Layering: Floating items can overlap tiled views or other floating elements. Their visual order (bring forward / send backward) is managed in the Item Hierarchy.
• Pixel Precision: Essential for floating legends over blank chart whitespace, placing branded logos in exact locations, or designing pop-up control panels.
• Toggle Shortcut: Holding the Shift key while dragging any object onto the dashboard canvas temporarily flips its default placement state between Tiled and Floating.

Layout Containers: Horizontal vs. Vertical

Layout containers are structural objects that group related worksheets, legends, filters, or text blocks together. Containers allow authors to organize elements logically and control how space is allocated across different screen sizes.

Horizontal Containers

A Horizontal layout container stacks child objects side-by-side in a single row from left to right. When child objects inside a horizontal container are resized or removed, remaining items adjust their widths to fill the row while maintaining container height.

Vertical Containers

A Vertical layout container stacks child objects top-to-bottom in a single column. Resizing or hiding items inside a vertical container causes remaining items to adjust their heights while maintaining container width.

Container Rules & Operations

1. Selecting Parent Containers: Double-clicking the top border or handle of any child object automatically selects its immediate parent layout container. Alternatively, authors can right-click an object frame and choose Select Layout Container.
2. Distribute Contents Evenly: When enabled on a layout container, Tableau enforces equal dimensions across all contained objects—equal widths in horizontal containers and equal heights in vertical containers—regardless of individual worksheet contents.
3. Blank & Extension Objects: A Blank object adds static spacing or background color padding, while an Extension object integrates custom web application functionality directly into dashboard layouts.

Layout Pane Controls and Formatting

The Layout pane on the left sidebar provides fine-grained controls for managing object geometry, padding, and visual hierarchy:

• Item Hierarchy: Displays a tree view of all tiled and floating layout containers, worksheets, and objects on the active dashboard. It allows authors to rename containers, reorder floating z-index layers, and inspect nested structures.
• Outer Padding: Adds spacing outside the object's border, pushing neighboring dashboard elements further away.
• Inner Padding: Adds spacing inside the object's border, buffering the worksheet content or text from its own frame edges.
• Background & Borders: Controls background fill colors (including opacity settings) and border lines for individual objects or containers.

Collapsible Panels (Show/Hide Buttons)

Any layout container or floating object can be converted into a collapsible panel by selecting Add Show/Hide Button from the object's context menu.

• Interactivity: Users can click the button (or Alt-Click in Tableau Desktop) to expand or collapse filters, legends, or parameter controls, preserving valuable canvas real estate.
• Customization: Buttons can display custom text captions or custom images for both Expanded and Collapsed states.