Was this page helpful?
Yes No
Design Views > Size and Lay Out Your Dashboard

Resize and Lay Out Your Dashboard

After you create a dashboard, you might need to spend some time resizing it and reorganizing its contents so that it works for your users. This topic walks you through the different approaches you can take and gives you tips on when to use each.

Control overall dashboard size

Group items using layout containers

Layer or tile individual items

Size, position, and reorder individual items

 

Control overall dashboard size

Dashboard size options

Here are the settings you can use for controlling the overall size of a dashboard:

Fixed size (default): The dashboard remains the same size, regardless of the size of the window used to display it. If the dashboard is larger than the window, it becomes scrollable. You can pick from a preset size, such as Desktop Browser (the default), Small Blog, and iPad.

This setting allows you to specify the exact location and position of objects, which can be useful if there are floating objects in the dashboard. Select this setting if you know the size at which your dashboard will be displayed, and it's a single size.

Published dashboards that use a fixed size can load faster than dashboards with variable sizes because they're more likely to be loaded directly from the server cache versus needing to be freshly rendered for every browser request.

Range: The dashboard scales between minimum and maximum sizes that you specify. If the window used to display the dashboard is smaller than the minimum size, scroll bars are displayed. If it's larger than the maximum size, white space is displayed.

Use this setting when you're designing for two different display sizes that need the same content and have similar shapes—such as small browser windows and medium browser windows. It also works well for mobile dashboards with vertical layouts, where the width may change to account for different mobile device widths, but the height is fixed to allow for vertical scrolling.

Automatic: The dashboard automatically resizes to fill the window used to display it.

Use this setting if you want Tableau to take care of the resizing.

For best results with this setting, place views and objects in the dashboard using a Tiled layout.

Set overall dashboard size

To set the overall size of a dashboard:

  • Under Size on the Dashboard pane, select the dashboard's dimensions (such as Desktop Browser) or sizing behavior (for example, Automatic).

Group items using layout containers

A layout container is an optional way to keep views and objects together. It helps groups of items resize and change position when users interact with your dashboard so that the dashboard doesn't include white space that you don't want.

The image below shows how a dashboard behaves when two views are placed in a vertical layout container versus how they behave when they are not placed in a layout container. Notice how, in the dashboard that uses a layout container, the views adjust vertically as different filters are applied.

Layout container types

A horizontal layout container resizes the width of the views and objects it contains; a vertical layout container adjusts height.

Horizontal layout container

The two views below are in a horizontal layout container.

Vertical layout container

The three views below are stacked in a vertical layout container.

Add a layout container

To add a layout container to a dashboard:

  1. Under Objects on the Dashboard pane, select Horizontal or Vertical.

  2. Drag the container to the dashboard.

  3. Add views and objects to the layout container.

Layer or tile individual items

Tiled vs. floating layouts

Each object and view that you place on a dashboard has a layout attribute, either tiled (the default) or floating.

Tiled layout

When a view or object is placed with this attribute, it becomes part of a single-layer grid that resizes based on the overall dashboard size. Tiled items don't overlap one another.

Floating layout

Items placed with this attribute can be layered on top of other objects. In the graphic below, every view is tiled except for the map view, which is floating.

For best results, give floating objects and views a fixed size and position.

Layout containers can also be floating or tiled. For example, you may have a group of key performance indicators that you want to float over a view in your dashboard. Putting them in the same layout container keeps them together, and floating them as a group saves space. If you do make a floating layout container, the items within it must be tiled.

Assign a tiled or floating layout to a new item

To assign a tiled or floating layout to a view or object that isn't already in your dashboard:

  1. Before you drag the view or object onto your dashboard, under Objects in the Dashboard pane, click the layout option you want to use: Floating or Tiled.

  2. Drag the view or object onto the dashboard on the right.

Tip: You can also assign a floating layout to an item by holding down Shift on your keyboard as you drag it onto the dashboard.

Assign a tiled or floating layout to an existing item

To switch an item that's already in your dashboard from Tiled to Floating:

  1. Select the item in the dashboard.

  2. In the item's shortcut menu, select Floating:

Size, position, and reorder individual items

If you want a high degree of control over the size and position of every item in a dashboard, and if you're also using Fixed size or Range for overall dashboard sizing, use the settings on the Layout pane. This is where you can control an object or view's exact position, size, and other characteristics.

Set an item's size and position

  1. Select the dashboard item you want to position and size. The item's name appears under Selected item.

  2. Define the item's position x and y position in pixels as an offset from the top left corner of the dashboard.

    For example, to place an object in the top left corner of the dashboard, specify x = 0 and y = 0.

    The values you enter can be positive or negative and must be whole numbers.

  3. To resize an item, click and drag it in the dashboard. You can also use the settings under Size.

  4. To hide the title of the item you have selected, clear the Show title check box. The Show dashboard title check box on the Dashboard pane controls just the dashboard title.

    ;