Tableau Dashboard Layout and Containers
A dashboard succeeds or fails on its layout. Charts that sit in clean rows and columns look professional and guide the eye. Charts that overlap or drift look careless. Layout containers give you precise control over every position and size.
Tiled and Floating Objects
Every object on a dashboard uses one of two layout modes.
Tiled Objects
Tiled objects snap into a grid. When you add a new chart, Tableau resizes neighbors to make room. Nothing overlaps. Tiled layouts adapt well to different screen sizes.
Floating Objects
Floating objects sit on top of other objects and move freely. They allow overlays such as a logo over a banner or a small filter box over a map. You control the exact position with X and Y coordinates.
Tiled Floating
+----------+----------+ +---------------------+
| Chart A | Chart B | | Map |
+----------+----------+ | +-------+ |
| Chart C | | |Filter | |
+---------------------+ | +-------+ |
+---------------------+
Use the Tiled or Floating toggle at the bottom of the Objects panel, or click the arrow on an item and select Floating.
Layout Containers
A container is an invisible box that holds other objects. Think of a container as a drawer: items inside move and resize together.
Horizontal Container
A horizontal container places objects side by side. Resize one object and the others adjust within the container width.
Vertical Container
A vertical container stacks objects from top to bottom. Use it for a title, a filter row, and a chart that belong in one column.
Vertical Container +--------------------------+ | Title | +--------------------------+ | Horizontal Container | | +---------+------------+ | | | Filter | Filter | | | +---------+------------+ | +--------------------------+ | Main Chart | +--------------------------+
Item Hierarchy Panel
The Layout tab in the left panel shows the Item Hierarchy, a tree of every object and container on the dashboard. Click an item in the tree to select it, even when it hides behind another object. Drag items inside the tree to reorganize them without fighting the canvas.
Control Size and Spacing
Fixed Sizes
Choose a fixed pixel size under Size in the Dashboard tab, such as 1200 by 800. Fixed sizes keep charts identical on every screen.
Automatic and Range Sizes
Automatic size stretches the dashboard to fit any window. Range lets you set a minimum and maximum, so the layout flexes only within safe limits.
Padding
Padding adds empty space inside an object. Select an item, open the Layout tab, and set Inner Padding for space around the content or Outer Padding for space around the edge. A padding of 5 to 10 pixels separates charts without wasting room.
Distribute Items Evenly
Select a horizontal or vertical container. Click the arrow on its edge and choose Distribute Contents Evenly. Every child object receives an equal share of the space. This option solves most uneven-width problems in one click.
Use Blank and Image Objects
- Blank objects act as spacers between charts.
- Image objects hold logos and icons.
- Text objects hold titles, notes, and source credits.
Background and Border Settings
Open the Layout tab for any selected object and add a background color or a border. Light gray backgrounds behind chart groups create visual sections. Keep borders thin and consistent.
Layout Planning Checklist
- Sketch the dashboard on paper with three to five zones.
- Place the most important chart in the top-left corner, where readers look first.
- Group related filters in one container.
- Align edges and distribute spacing evenly.
- Test the dashboard at the final screen size.
Common Mistakes
Too Many Floating Items
Floating objects do not resize with the dashboard. A dashboard built entirely from floating objects breaks on a smaller screen. Use floating only for true overlays.
Nested Containers Without Purpose
Every container adds a layer to the hierarchy. Remove containers that hold a single item and serve no spacing purpose.
Summary
Tiled objects snap into a grid, and floating objects overlay freely. Horizontal and vertical containers group objects and keep them aligned. The Item Hierarchy panel, padding, and Distribute Evenly options give precise control. A sketch before building leads to dashboards that look organized and read in the right order.
