Tableau Dashboard

Tableau Dashboard is a View that will display a collection of several worksheets. You can use a single dashboard to analyze the entire Business. This article will show you how to create a Dashboard in Tableau and Device Preview with an example. Device Preview means creating a Dashboard View for Desktop, Tablet, and Mobile Phones.

For this create a Tableau Dashboard demo, we use the below worksheet. It has a Pie Chart, Bar Chart, Dual Combination Chart, Bubble Chart, and Map.

How to Create a Dashboard in Tableau?

Please click on the New tab to create a Dashboard. Now you can see the newly created Tableau dashboard.

  1. Device Preview: Use this button to create a View for Phones, desktops, and tablets.
  2. Size: To adjust the display size.
  3. Sheets: List of Sheets that are available to create this.
  4. Objects: Predefined objects that you can use in it.
  5. Name: Right-click and select the Rename Sheet option to rename this.
  6. It is the actual work area.
View the Interface to Create

Tableau Dashboard Objects

The above screenshot shows the list of Objects available in the Tableau Dashboard (marked as 4).

Add Image to Tableau Dashboard

Generally, we used this to add a Logo. Let me drag and drop the Image Object onto the work area. This will open a dialogue window to. choose the image. Please use this window to select the required image.

Now you can see the Image on our dashboard.

Add Image Objects to Tableau Dashboard

Add Web Page to Tableau Dashboard

Let me drag and drop Web Page Object onto the work area of a Tableau dashboard. Drop the Web page will open a pop-up window to write the URL. For now, we are pointing to SQL Server.

Tableau Dashboard Objects Image URL

And you can see the Tutorial Gateway web page on our dashboard.

Add Web Page Objects to Tableau Dashboard

Add Text Object to Tableau Dashboard

When you drop the Text object onto the work area, a new pop-up window called Edit text will open. Use this window to write your custom.

Add Text Object to Tableau Dashboard

Now you can the Text added to our dashboard.

Preview of all objects

Add Report or Sheet to Tableau Dashboard

Hover over any sheet of the newly created Tableau dashboard to see the preview, and clicking the marked button will take you to the original. Please refer to the Pie Chart, Bar Chart, Dual Combination, Bubble, Map, and Data Labels in the Reports in Tableau.

Let me Drag the Pie Chart to the dashboard to add.

How to Create a Dashboard in Tableau 5

Next, let me add the Bar Chart to the Tableau dashboard. If you are dragging something to the work area, it will ask for the location. I mean Top Right, Top Left, Bottom Right, etc, and for now, let me choose the right side. Now you can see two Sheets inside our dashboard.

Add or Bar Chart Bar Chart

Let me add the Dual Combination Sheet and Bubble Chart as well.

How to Create a Dashboard in Tableau and add multiple sheets

Rearrange Sheets in a Dashboard

To rearrange the Sheets on the already created Tableau dashboard, Please select the Sheet that you want to change the location of and use the marked field.

Rearrange Sheets

To demonstrate the same, we placed the Dual Combination at the bottom.

Adjust Reports

Delete Sheet from Tableau Dashboard

Please select the Sheet that you want to delete. Next, click the Close button.

Delete Sheet from newly Created Dashboard in Tableau

Or click on the Down arrow and select the Remove from Dashboard option.

Remove Sheet from Dashboard in Tableau

Either way, it will remove the selected one from it. As you can see, there is no Pie Chart. Please refer to the Filters in Dashboard article to use filters.

How to Create a Dashboard in Tableau and preview of sheets

Format Tableau Dashboard Layout

This section covers how to Format Tableau Dashboard Layout with an example. For this, we are going to use the dashboard. To Format Dashboard Layout, we use one we created in our previous section.

Once you have created your dashboard (added required Sheets), you can use the layout tab to format those Sheets or Items per your requirements.

Change the Dashboard Display Size

By default, Fixed Size is selected by Tableau Dashboard, so we have to format or change it. Under the Size, you can change the size of a Dashboard as per your requirement. It can help design your dashboard based on the Size. The automatic option will adjust the Items as per the Screen size.

Format Tableau Dashboard Layout by Changing Size from Fixed to Automatic

Under the Fixed option, we have multiple options to select. Let me choose the laptop Browser for now.

Under the Size Fixed, Choose the laptop Browser option

You can see that our Tableau dashboard work area has adjusted to the laptop Browser resolution.

Format Tableau Dashboard Layout Preview

Format Tableau Dashboard Layout items

The layout tab is used to format individual Items in a dashboard. To format the dashboard layout, you have to select a particular item. Checkmark Show Title to display the Item or Sheet Title; otherwise, uncheck Show Title

Format or Change Layout Items Positions

Format Dashboard Item Border

By default, there will be no Borders for any Item in a Tableau dashboard. To change the border of any item, select the sheet and change its border. See the Pie Chart with Red Colored Dotted Lines Border.

Format Tableau Dashboard Layout  - Change the Border Line style and color

Change the Tableau Dashboard Item Background Color

By default the Background of any Item in a dashboard is None. To change any item’s background, select the sheet and change its background. See the Bubble chart with a Light Sky Blue background.

Change the Item Background Color

Format Tableau Dashboard Item Hierarchy

You can see the Item hierarchy here. You can edit, remove, or even delete them from it. To remove everything from it, right-click on the Tiled and select Remove Container.

Select Remove Container option to delete the item

This will ask you to delete the Container and the Items (Sheets or Charts) present inside the Container. Please confirm the deletion process by clicking the Delete button. To cancel the same, please click the Cancel button from the pop-up message window.

Format Dashboard Item Inner Padding

You can change the Space inside an Item by changing the Inner padding settings of the Tableau Dashboard. To do so, please select the Sheet and change its padding.

Change the inner padding top, bottom, left, and right

Format Dashboard Item Outer Padding

You can change the Space Outside a Dashboard Item by changing the Outer padding settings. For this, select the Sheet and change its Outer padding.

I think you don’t understand the Change because it provides empty space and you may not notice in the image. Let me add Borders to the Pie Chart and change the padding. Now, see the space outside the Pie Chart because we changed the Outer padding to 54 on all sides.

Change the top, left, right, bottom of Outer padding and add Border to chart

Use the Dashboard layout to Floating the Item

By check-marking the Format Tableau dashboard layout Floating property, you can float one item on top of another. We used this property on the Pie Chart. You can use Position (x, y) or Size (w, h) to adjust the position and size or use your mouse.

Format Tableau Dashboard Layout Final preview

Create a Tableau Dashboard Device Preview

The Device Preview button on the left side of a Tableau Dashboard will help you to create different dashboard views for Mobile Phones, tablets, and desktops. Click on the Device Preview button to see them.

You can see the Device Preview option on the Top of the Tableau Dashboard. Use this button to Change the View from Landscape to Portrait and vice versa.

Change Tableau Dashboard Device Preview from Landscape to Portrait

In the Device type settings, there are three options and they are Desktop, Tablet, and Phone. By default, it chooses the Desktop. However, you can change it from the list of available views under the Device Type (< >).

Create a Desktop Preview of a Tableau Dashboard

Please select the Device type as the Desktop. You can see the list of available Desktop models under the Model drop-down list. Let me choose the Generic Desktop Monitor. Next, click on the Add Desktop Layout button to add the layout for the selected Model.

Vie the list of available Desktop models

We selected the Size of a Desktop to Fit all

Set the Size of a Desktop to Fit all

Create a Tablet Preview of a Tableau Dashboard

Please select the Device type as Tablet. You can see the list of available tablet models under the Model drop-down list. Let me choose the Generic Tablet. Next,

Please select the Device type as Tablet. You can see the list of available tablet models under the Model drop-down list. Let me choose the Generic Tablet. Next, click on the Add Tablet Layout button to add the Tablet device layout preview for your Tableau Dashboard.

View the list of available tablet models

We removed the Bubble Chart from the Dashboard to fit the tablet Width. It means that when you select the dashboard on a Tablet, you can only see the Pie Chart, Bar Chart, and Dual Combination Chart.

Create Tableau Dashboard Tablet Device Preview

Create a Phone Device Preview of a Tableau Dashboard

Please select the Device type as Phone. You can see the available Mobile Phone models list under the Model drop-down list. Let me choose the iPhone 7 Plus and click the Add Phone Layout button. You can see the boundaries of the Mobile phone screen.

View the list of available Mobile Phone models

To fit the Mobile Phone screen, we removed the Bubble Chart and Dual Combination Chart from the Dashboard. It means that when you select the dashboard in Mobile Phone, you can only see the Pie Chart and Bar Chart.

Create Tableau Dashboard Mobile Phone Device Preview

Please change the Model to the Samsung Galaxy S family to check the screen. Once you have finished creating the Device previews, click on the Device Preview button to go back to the normal display.

Comments are closed.