Dashboard Containers and Layout Management in Tableau
1. Introduction
Dashboard Containers and Layout Management are important Tableau concepts used to organize worksheets, filters, legends, text, images, and other dashboard objects into a clean, structured, and professional layout. Containers help arrange objects in rows and columns, while layout management controls their size, position, spacing, alignment, and resizing behavior.
For example, a sales dashboard may contain KPI cards at the top, a monthly sales trend below them, a regional performance chart on the left, and a product category chart on the right. Tableau layout containers help organize these elements so that the dashboard remains consistent and easy to understand.
Tableau supports horizontal and vertical layout containers. These containers group related objects and help them resize and reposition as the dashboard layout changes. Read the official Tableau guide to dashboard sizing and layout.
2. Learning Objectives
- Understand dashboard containers and their purpose.
- Learn the difference between horizontal and vertical containers.
- Create and organize containers in a dashboard.
- Understand nested containers and layout hierarchy.
- Manage worksheet size, position, padding, and spacing.
- Distribute dashboard objects evenly.
- Understand tiled and floating layouts.
- Configure dashboard size and responsive behavior.
- Identify and resolve common layout problems.
- Build a practical dashboard using container-based layout management.
3. What Are Dashboard Containers?
A dashboard container is a layout object that groups worksheets and other dashboard objects together. It provides a structured way to position items and manage how their dimensions change when the dashboard is resized or its contents change.
Instead of manually positioning every object independently, you can place objects inside containers and use the container's layout rules to organize them.
Example
Suppose you are creating a sales dashboard with four charts:
- Monthly Sales Trend
- Profit by Region
- Sales by Category
- Top Products
You can use a horizontal container to place Profit by Region beside Sales by Category. A vertical container can then stack that row beneath Monthly Sales Trend.
Benefits of Dashboard Containers
- Consistent alignment: Related views can share a common row or column.
- Automatic layout adjustment: Objects inside containers can adjust as available space changes.
- Better organization: Related worksheets, filters, and legends can be grouped logically.
- Efficient maintenance: Containers make complex dashboards easier to reorganize.
- Consistent spacing: Padding and distribution options help maintain a uniform appearance.
- Flexible design: Nested containers support more advanced dashboard arrangements.
4. Types of Dashboard Containers
Tableau provides two main types of layout containers: horizontal and vertical.
4.1 Horizontal Container
A horizontal container arranges dashboard objects side by side. It manages the horizontal distribution of the objects it contains, making it useful for creating rows of charts, KPI cards, filters, and legends.
Example layout:
+----------------------+----------------------+
| Sales by Region | Sales by Category |
+----------------------+----------------------+
In this example, both charts are placed inside one horizontal container.
Common uses:
- Displaying KPI cards in one row.
- Placing two or three charts side by side.
- Arranging filters and legends horizontally.
- Creating a row of summary tables.
4.2 Vertical Container
A vertical container arranges objects from top to bottom. It manages the vertical distribution of its contents and is useful for building dashboard sections stacked in a logical sequence.
Example layout:
+----------------------------------+
| KPI Summary |
+----------------------------------+
| Monthly Sales Trend |
+----------------------------------+
| Detailed Sales Table |
+----------------------------------+
In this example, the KPI summary, sales trend, and detailed table are stacked vertically.
Common uses:
- Stacking KPI cards, charts, and tables.
- Organizing dashboard sections from top to bottom.
- Grouping a chart with its associated filter or legend.
- Creating vertical layouts for narrow screens.
4.3 Horizontal vs. Vertical Containers
| Feature |
Horizontal Container |
Vertical Container |
| Arrangement |
Side by side |
Top to bottom |
| Primary layout direction |
Horizontal |
Vertical |
| Common use |
Rows of charts or KPI cards |
Stacks of charts or dashboard sections |
| Useful for |
Comparing related views in one row |
Organizing information into sections |
| Can contain other containers |
Yes |
Yes |
5. Understanding Dashboard Objects
Before working with containers, it is useful to understand the types of objects you can place on a dashboard.
| Object |
Purpose |
Example |
| Worksheet view |
Displays a Tableau visualization. |
Monthly Sales Trend |
| Text |
Adds headings, explanations, or notes. |
Sales Performance Report |
| Image |
Displays a logo or other image. |
Company logo |
| Blank |
Adds spacing between objects. |
Space between KPI cards |
| Filter |
Allows viewers to restrict displayed data. |
Region filter |
| Legend |
Explains color, size, or shape encodings. |
Profit color legend |
| Horizontal container |
Groups objects in a horizontal arrangement. |
Three KPI cards in a row |
| Vertical container |
Groups objects in a vertical arrangement. |
Chart above a detail table |
6. Creating a Dashboard Before Adding Containers
Containers are added to a dashboard, so first create a dashboard or open an existing one.
- Open your Tableau workbook.
- Create the worksheets required for your dashboard.
- Click the New Dashboard icon near the sheet tabs, or select Dashboard > New Dashboard.
- Rename the dashboard with a descriptive name, such as Sales Performance Dashboard.
- Review the Size settings in the Dashboard pane.
- Locate the Objects section on the Dashboard pane.
- Prepare the canvas for the containers and worksheets.
Tip: Plan the overall dashboard structure before adding many objects. This reduces unnecessary rearranging later.
7. How to Add a Horizontal Container
A horizontal container is useful when two or more objects need to appear beside one another.
Step-by-Step Instructions
- Open the dashboard in Tableau.
- Locate the Objects section in the Dashboard pane.
- Find the Horizontal layout container.
- Drag the container onto the dashboard canvas.
- Watch for the placement indicator to confirm the insertion location.
- Release the mouse button to place the container.
- Drag a worksheet or another dashboard object into the container.
- Add additional worksheets or objects beside the first object.
- Check that each object is inside the intended container.
- Resize the container or its contents as necessary.
Example: Two Charts Side by Side
Horizontal Container
|
+-- Profit by Region
|
+-- Sales by Category
Expected result: Both visualizations appear in one horizontal row, with their available widths managed by the container layout.
8. How to Add a Vertical Container
A vertical container is useful when objects need to appear one below another.
Step-by-Step Instructions
- Open the dashboard.
- Locate the Objects section.
- Find the Vertical layout container.
- Drag it onto the dashboard canvas.
- Check the placement indicator and release the container.
- Drag the first worksheet or object into the container.
- Drag the next worksheet or object below the first one inside the container.
- Continue adding objects in the required order.
- Adjust the height of the views and container.
- Review the final arrangement.
Example: Sales Dashboard Sections
Vertical Container
|
+-- KPI Summary
|
+-- Monthly Sales Trend
|
+-- Sales Details Table
Expected result: The dashboard displays its main sections from top to bottom in a structured order.
9. Understanding Nested Containers
A nested container is a container placed inside another container. Nested containers are useful when a dashboard needs both horizontal and vertical organization.
For example, a vertical container can hold a title, a row of KPI cards, and a row of charts. The KPI row and chart row can each use their own horizontal containers.
Example of a Nested Layout
Vertical Container
|
+-- Dashboard Title
|
+-- Horizontal Container
| |
| +-- Total Sales KPI
| +-- Total Profit KPI
| +-- Order Count KPI
|
+-- Horizontal Container
| |
| +-- Monthly Sales Trend
| +-- Profit by Region
|
+-- Sales Details Table
Advantages of Nested Containers
- Support complex dashboard structures.
- Help maintain alignment between related objects.
- Make it easier to organize multiple rows and columns.
- Allow individual sections to be adjusted more systematically.
- Can improve the behavior of dashboard layouts when objects change size.
When Should You Use Nested Containers?
Use nested containers when a simple horizontal or vertical arrangement cannot achieve the required layout. For example, if a dashboard needs three KPI cards in one row and two charts in a second row, nesting horizontal containers inside a vertical container is a suitable approach.
10. Planning a Container Layout
Before placing objects, decide how the information should be grouped and ordered.
Example: Executive Sales Dashboard
| Dashboard Section |
Container Type |
Objects |
| Header |
Vertical or top-level layout section |
Dashboard title and subtitle |
| KPI row |
Horizontal |
Total Sales, Total Profit, Orders |
| Analysis row |
Horizontal |
Monthly Sales Trend and Profit by Region |
| Details section |
Vertical or top-level layout section |
Sales table and supporting information |
Planning Checklist
- Identify the main purpose of the dashboard.
- Determine which objects belong together.
- Choose horizontal or vertical containers for each section.
- Use nested containers only when they improve organization.
- Decide which filters and legends should be visible.
- Choose an appropriate dashboard size.
- Keep the most important information easy to find.
11. Managing the Layout Pane
The Layout pane provides controls for managing dashboard objects and containers. Depending on the Tableau version and editing environment, it can display the selected item's position, size, padding, borders, background, and item hierarchy.
Common Layout Controls
| Control |
Purpose |
| Selected item |
Identifies the dashboard object or container currently selected. |
| Item hierarchy |
Shows how objects and containers are nested and ordered. |
| Position |
Controls the position of supported dashboard items, especially floating items. |
| Size |
Controls width and height where the selected layout supports those settings. |
| Padding |
Adds space between an object's boundary and its content or surrounding items. |
| Border |
Displays or adjusts a boundary around an item. |
| Background or shading |
Controls the background appearance of supported items. |
How to Use the Layout Pane
- Select the object or container on the dashboard.
- Open the Layout tab in the side pane.
- Confirm the selected item before changing any values.
- Adjust the available size, padding, border, or background settings.
- Inspect the Item hierarchy to understand where the object sits in the layout.
- Return to the dashboard canvas and verify the result.
Important: Not every layout setting is available for every object. Tiled items are primarily controlled by their container structure, while floating items provide more direct control over position and dimensions.
12. Understanding Item Hierarchy
The Item hierarchy represents the structure of objects and containers in the dashboard. It is especially useful when a dashboard contains multiple nested containers or when an object is difficult to select directly on the canvas.
Example Hierarchy
Dashboard
|
+-- Vertical Container
| |
| +-- Dashboard Title
| |
| +-- Horizontal Container
| | |
| | +-- Sales KPI
| | +-- Profit KPI
| |
| +-- Horizontal Container
| |
| +-- Monthly Sales Chart
| +-- Regional Profit Chart
Why Item Hierarchy Matters
- Shows which objects belong to a container.
- Helps select parent containers and individual objects.
- Makes complex layouts easier to understand.
- Helps diagnose unexpected spacing and resizing.
- Supports object reordering in environments where hierarchy editing is available.
Tips for Working with Item Hierarchy
- Use descriptive names for dashboard items when possible.
- Check the hierarchy before removing a container.
- Confirm that worksheets are nested in the intended container.
- Avoid unnecessary layers of nested containers.
- Rename important items to make the layout easier to maintain.
13. Distributing Objects Evenly
Distributing objects evenly helps create balanced rows or columns. For example, three KPI cards in a horizontal container can be spaced evenly so that no card looks unnecessarily wider or narrower than the others.
Steps to Distribute Items Evenly
- Select the layout container on the dashboard.
- If selecting the container is difficult, select an item inside it and use the container-selection option from its menu when available.
- Open the container's menu.
- Choose Distribute Evenly or the equivalent command available in your Tableau version.
- Review the width or height of the contained objects.
- Adjust individual items if the visualizations need different amounts of space.
Example: A horizontal container holds three KPI cards: Total Sales, Total Profit, and Total Orders. Distributing the contents evenly helps give the cards a consistent appearance.
Note: Tableau's distribute-evenly command is available for explicitly added layout containers, not necessarily every automatically created layout area.
14. Understanding Tiled and Floating Layouts
Containers are often used with tiled dashboard layouts, but Tableau also supports floating objects.
14.1 Tiled Layout
In a tiled layout, objects fit into the dashboard's layout structure. They do not overlap each other, and their positions are governed by the layout and container arrangement.
Advantages:
- Provides a structured dashboard design.
- Helps maintain alignment between views.
- Reduces accidental overlap.
- Works well with horizontal and vertical containers.
14.2 Floating Layout
Floating objects can be positioned independently and may overlap other objects. This can be useful for overlays, logos, annotations, or carefully positioned filter panels.
Advantages:
- Allows precise placement.
- Supports layered designs.
- Can be useful for custom visual arrangements.
Comparison
| Feature |
Tiled |
Floating |
| Positioning |
Managed by the layout structure. |
Controlled more independently. |
| Overlap |
Objects do not overlap in the tiled layout. |
Objects can overlap. |
| Alignment |
Useful for structured rows and columns. |
Often requires careful manual alignment. |
| Container use |
Common for organizing worksheet views. |
Can be combined with container-based layouts. |
| Best suited for |
Most standard analytical dashboards. |
Specialized or layered design requirements. |
Best practice: Start with tiled containers for the main dashboard structure. Use floating items only when independent positioning offers a clear benefit.
15. Dashboard Size Management
Dashboard size affects how containers and their contents appear on different screens. Tableau provides sizing options that determine how the dashboard responds to the viewing window.
Common Dashboard Size Options
| Option |
Description |
Suitable Use |
| Fixed Size |
Maintains specified dimensions. A dashboard may require scrolling if it is larger than the available viewing area. |
Controlled presentation layouts and precise positioning. |
| Range |
Allows the dashboard to scale within specified minimum and maximum dimensions. |
Layouts that must accommodate a defined range of window sizes. |
| Automatic |
Adjusts the dashboard to fill the available viewing window. |
Situations where automatic sizing is desirable and has been tested. |
How to Set Dashboard Size
- Open the dashboard.
- Locate the Size section in the Dashboard pane.
- Select Fixed Size, Range, or Automatic, depending on your requirements.
- If applicable, select a preset or enter the required dimensions.
- Review how the containers and worksheets respond.
- Test the dashboard at the screen sizes used by your audience.
Important: Automatic sizing may produce unexpected results when the dashboard contains many floating objects or tightly controlled dimensions. Tiled layouts are generally easier to manage across varying screen sizes.
16. Managing Padding, Spacing, and Borders
Layout management is not only about position. Padding, borders, and background colors help distinguish dashboard sections and make visualizations easier to read.
16.1 Padding
Padding adds space around an object within its layout boundary. It can prevent charts, text, and filters from appearing crowded.
16.2 Borders
Borders can visually separate dashboard sections or define card-like areas. Use them consistently rather than placing heavy borders around every object.
16.3 Backgrounds and Shading
Background colors can distinguish sections or create a consistent visual theme. Use a limited color palette so that the dashboard remains easy to interpret.
Recommended Formatting Practices
- Keep padding consistent across similar objects.
- Use subtle borders where separation is needed.
- Avoid excessive whitespace that makes the dashboard difficult to scan.
- Ensure text and chart labels have sufficient contrast.
- Align related objects using containers instead of manually adjusting every item.
- Check the result after changing the dashboard size.
17. Using Blank Objects for Spacing
A Blank object can be used to create space between dashboard objects. It is useful when you need visual separation without adding a visible chart or text element.
Steps
- Open the dashboard.
- Locate Blank under Objects in the Dashboard pane.
- Drag the Blank object to the required location.
- Check the placement indicator to confirm its position.
- Adjust the space it occupies using the available layout controls.
- Review the overall spacing and alignment.
Example: Add a small blank object between KPI cards or between a filter section and the main charts. Use this method sparingly to avoid wasting valuable dashboard space.
18. Managing Container Contents
As dashboards grow, you may need to move objects between containers, replace views, or remove containers.
Moving an Object
- Select the object you want to move.
- Drag it toward the target container.
- Wait for the placement indicator to show the intended insertion point.
- Release the object.
- Check the Item hierarchy or canvas to verify its new location.
Removing a Container
- Select the container on the dashboard or in the Item hierarchy.
- Open the container's menu.
- Select the available Remove Container option.
- Check the resulting layout and the position of the objects that were inside the container.
- Reorganize the objects if required.
Important: Removing a container is different from deleting a worksheet. Before removing a container, verify what it contains and inspect the resulting layout afterward.
19. Practical Project: Build a Sales Dashboard Using Containers
Project Objective
Create a professional sales dashboard that displays key performance indicators, sales trends, regional profit, category performance, and detailed sales information.
Required Worksheets
- Worksheet 1 – Total Sales: Displays the overall sales value.
- Worksheet 2 – Total Profit: Displays the overall profit value.
- Worksheet 3 – Total Orders: Displays the order count.
- Worksheet 4 – Monthly Sales Trend: Displays sales over time.
- Worksheet 5 – Profit by Region: Compares profitability by region.
- Worksheet 6 – Sales by Category: Compares category performance.
- Worksheet 7 – Sales Details: Displays detailed records.
Step-by-Step Project Instructions
- Connect Tableau to a sample retail sales dataset.
- Create the seven worksheets listed above.
- Rename each worksheet so its purpose is clear.
- Create a new dashboard and rename it Sales Performance Dashboard.
- Choose a suitable dashboard size based on the intended audience and screen.
- Add a vertical container to organize the main dashboard sections.
- Add the dashboard title at the top.
- Add a horizontal container for Total Sales, Total Profit, and Total Orders.
- Place each KPI worksheet inside the horizontal container.
- Add another horizontal container for Monthly Sales Trend and Profit by Region.
- Add Sales by Category to a suitable section below or beside the primary charts.
- Place Sales Details in a lower section if detailed records are required.
- Use the Layout pane to inspect padding, dimensions, and item hierarchy.
- Distribute KPI cards evenly if the container supports the command.
- Add a region or date filter if it improves the analysis.
- Test the filter's scope and any dashboard actions.
- Review labels, legends, titles, and spacing.
- Test the dashboard at its intended viewing size.
- Save the workbook and review the final layout.
Suggested Dashboard Structure
Sales Performance Dashboard
|
+-- Vertical Container
|
+-- Dashboard Title
|
+-- Horizontal Container: KPI Cards
| |
| +-- Total Sales
| +-- Total Profit
| +-- Total Orders
|
+-- Horizontal Container: Main Analysis
| |
| +-- Monthly Sales Trend
| +-- Profit by Region
|
+-- Sales by Category
|
+-- Sales Details
Expected Outcome
The finished dashboard organizes summary metrics and analytical charts into clear sections. Containers help maintain alignment, make layout changes easier, and support a more consistent presentation.
20. Common Container and Layout Problems
| Problem |
Possible Cause |
Solution |
| Objects appear in the wrong place. |
The placement indicator showed a different insertion area. |
Drag the object again and check the indicator before releasing it. |
| Container cannot be selected easily. |
Several objects overlap or are nested. |
Select the container through the Item hierarchy or use the container-selection option where available. |
| Objects have uneven widths. |
Items have different sizing settings or are not organized as intended. |
Review the container structure and use Distribute Evenly where supported. |
| Unexpected whitespace appears. |
Padding, blank objects, or hidden tiled items may occupy space. |
Inspect the container hierarchy, padding, and hidden objects. |
| Charts become too small. |
Too many objects share the same container or dashboard area. |
Remove unnecessary views, reorganize the layout, or adjust the dashboard size. |
| Objects overlap. |
Floating placement is being used. |
Switch objects to tiled placement when appropriate, or adjust their floating positions. |
| Container resizing behaves unexpectedly. |
Nested layout rules or fixed dimensions are restricting available space. |
Inspect the hierarchy and review the relevant sizing settings. |
| Dashboard looks different on another screen. |
Dashboard sizing behavior or object layout is unsuitable for the target display. |
Review Fixed Size, Range, or Automatic sizing and test the layout on the intended screens. |
| Removing a container changes the layout. |
Objects are no longer governed by the previous container's layout rules. |
Inspect the resulting layout and add new containers if required. |
| Dashboard looks cluttered. |
Too many views, controls, borders, or spacing objects are present. |
Simplify the dashboard and group related elements into logical sections. |
21. Best Practices for Dashboard Layout Management
- Plan before building: Sketch the desired rows and columns before placing objects.
- Use containers for alignment: Prefer containers over manually positioning every tiled object.
- Choose the right direction: Use horizontal containers for rows and vertical containers for stacks.
- Nest containers carefully: Add nesting only when it makes the layout easier to manage.
- Keep related objects together: Place charts, filters, and supporting information in logical groups.
- Distribute similar items evenly: Maintain consistent sizing for KPI cards and comparable charts.
- Use padding consistently: Avoid both crowded layouts and excessive whitespace.
- Limit floating objects: Use floating placement only when precise independent positioning is needed.
- Manage the dashboard size early: Choose a sizing strategy before detailed layout work.
- Check item hierarchy: Use it to understand nesting and diagnose layout problems.
- Test different display sizes: Confirm that charts and labels remain readable.
- Keep the dashboard focused: Include only the objects that support the main business questions.
22. Interview Questions and Answers
Q1. What is a dashboard container in Tableau?
Answer: A dashboard container is a layout object used to group and organize dashboard items, helping manage their arrangement and resizing behavior.
Q2. What are the two main types of layout containers?
Answer: Horizontal containers and vertical containers.
Q3. What is the purpose of a horizontal container?
Answer: It arranges objects side by side and is useful for rows of charts, KPI cards, filters, and legends.
Q4. What is the purpose of a vertical container?
Answer: It stacks objects from top to bottom and is useful for organizing dashboard sections.
Q5. What is a nested container?
Answer: A nested container is a container placed inside another container. It allows horizontal and vertical arrangements to be combined into a more complex layout.
Q6. What is the Item hierarchy?
Answer: The Item hierarchy shows the organization and nesting of dashboard objects and containers. It helps users select and manage items in complex dashboards.
Q7. What is the purpose of Distribute Evenly?
Answer: It distributes the contents of a supported layout container evenly to create a more balanced arrangement.
Q8. What is the difference between tiled and floating layouts?
Answer: Tiled objects follow the dashboard's layout structure and do not overlap. Floating objects can be positioned independently and may overlap other objects.
Q9. What is padding in Tableau dashboard layout?
Answer: Padding adds space around an object within its layout boundary, helping improve readability and visual separation.
Q10. What are the dashboard sizing options?
Answer: Common options include Fixed Size, Range, and Automatic. They determine how the dashboard dimensions respond to the available viewing area.
Q11. How can you organize three KPI cards in one row?
Answer: Place the KPI worksheets inside a horizontal container and distribute the contents evenly where supported.
Q12. Why might a dashboard show unexpected blank space?
Answer: Blank objects, padding, hidden tiled objects, or nested container sizing can leave unused space. Inspect the layout hierarchy and the settings of the affected objects.
23. Practical Exercises
- Create a dashboard with three KPI cards inside a horizontal container.
- Create a vertical container containing a chart, a table, and a text description.
- Build a nested layout with two horizontal containers inside a vertical container.
- Use the Item hierarchy to identify and select a parent container.
- Distribute three KPI cards evenly in a supported container.
- Adjust padding and borders to improve the visual separation of dashboard sections.
- Add a Blank object between two sections and compare the layout before and after.
- Convert a suitable object from tiled to floating and observe how its positioning changes.
- Change the dashboard size setting and test the result at different viewing sizes.
- Build a sales dashboard that contains a title, KPI cards, two charts, a filter, and a detailed table.
24. Quick Revision Checklist
- ☐ I understand what dashboard containers are.
- ☐ I can create horizontal and vertical containers.
- ☐ I can add worksheets and objects to containers.
- ☐ I understand nested containers.
- ☐ I can use the Layout pane and Item hierarchy.
- ☐ I can distribute objects evenly where supported.
- ☐ I understand tiled and floating layouts.
- ☐ I can manage padding, spacing, borders, and backgrounds.
- ☐ I can choose an appropriate dashboard sizing option.
- ☐ I can troubleshoot common layout problems.
- ☐ I can create a dashboard using a planned container structure.
25. Official Tableau References
26. Tableau Training and Course Demo
To learn more about Tableau dashboards, layout containers, data visualization, filters, and business intelligence reporting, explore these course resources:
27. Conclusion
Dashboard Containers and Layout Management help you build organized, consistent, and maintainable Tableau dashboards. Horizontal containers arrange objects side by side, vertical containers stack objects, and nested containers combine both approaches to create more advanced structures.
By learning to manage container hierarchy, object sizing, padding, spacing, dashboard dimensions, and tiled or floating placement, you can create dashboards that are easier to use and maintain. Practise these techniques with KPI cards, charts, filters, and tables to develop professional dashboards for real-world business analysis.