How to set up tile navigation

Contents[Hide]

1. Overview

Tile Navigation is a component which you can add to your dashboard canvas at design-time. You can use it to create a dashboard solely for navigation, or simply add a navigation bar to an existing dashboard that has charts or other content.

Users navigate with this component by clicking tiles like the ones on the home screen.

2. Add a Tile Navigation component

Go to the toolbar, click Components, and then click Tile Navigation. You'll see a block of tiles like the ones on the home screen. By default, the tiles correspond to your recently viewed items.

Add a Tile Navigation component to the canvas
Add a Tile Navigation component to the canvas

Switch to View mode to use the component. Click on a tile to navigate to another dashboard, for example.

Switch to View mode to use the Tile Navigation component
Switch to View mode to use the Tile Navigation component

3. Properties

By default, the Tile Navigation component is configured to show recently viewed items. You can change this as well as customize the appearance of the tiles from the Properties window for the component.

3.1. Open

Use the Open property to specify what happens (or where to navigate to) when a tile is clicked. The available options are:

  • Open the clicked item in the same window
  • Open the clicked item in a new window
  • Open the clicked item in an embedded view (i.e., a view container elsewhere on the canvas)
  • Invoke a Tile Clicked script action (Nowhere option)

Open property options
Open property options

Open clicked item in an embedded view (view container)
Open clicked item in an embedded view (view container)

Adding a script to run when a tile is clicked
Adding a script to run when a tile is clicked

3.2. Display

Use the Display property to specify what tiles to display. The available options are:

  • Display tiles corresponding to the list of recently viewed items
  • Display tiles corresponding to the child items of a selected folder
  • Display tiles corresponding to items in a selected project with a certain file type

Display property options
Display property options

3.2.1. Displaying recently viewed items

When the recently viewed option is selected, the Tile Navigation component displays items from the user's recently viewed list (which is the same as the Recently Viewed panel from the home screen).

3.2.2. Displaying a folder

When the folder option is selected, click Display Folder to choose a folder in the active project. Tiles will be displayed for each immediate child item in the folder.

Folder option
Folder option

Tiles displaying child items in Dashboards folder
Tiles displaying child items in Dashboards folder

3.2.3. Displaying a project

Choose the project option in order to display tiles corresponding to items in the active project.

Set the Display Project property to the project you want.

Then use the Display File Types property to select the types of files you want to display.

Project option is set to display only scorecards from Project1
Project option is set to display only scorecards from Project1

3.3. Hide Tile Image

Under Look \ APPEARANCE properties, select the Hide Tile Image option if you want to display only text in the tiles.

Hide tile images
Hide tile images

3.4. Tile Styles

Tiles for dashboards have a different background color than tiles for data cubes. You can customize the background color of tiles on a per-file type basis by adding one or more tile styles.

Under Look \ APPEARANCE properties, click the plus sign to add a tile style. A tile style for dashboards is added by default (named Dashboard).

Add a tile style
Add a tile style

Click the dashboard tile style to edit it. You can now set the background color or change the file type.

Changing the background color for dashboard tiles
Changing the background color for dashboard tiles

3.5. Show As Bar

By default, tiles are displayed in a rectangular grid which wraps depending on the size of the component. 

You can change the component to display the tiles as a horizontal bar with left and right arrow buttons as needed (just like the main toolbar) using the Show As Bar property under Layout \ COMMON properties.

Show As Bar property
Show As Bar property

3.6. Tile Size

Use the Tile Size property under Layout \ COMMON properties to change the size of the tiles in pixels.

4. See also

 

Dundas Data Visualization, Inc.
500-250 Ferrand Drive
Toronto, ON, Canada
M3C 3G8

North America: 1.800.463.1492
International: 1.416.467.5100

Dundas Support Hours: 7am-6pm, ET, Mon-Fri