> For the complete documentation index, see [llms.txt](https://documentation.connexica.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://documentation.connexica.com/pages-reports/about-tiles.md).

# 08. About Tiles

(% class="lead" %) Learn how to use Tiles to make the most of the available Workspace and add intuitive drilling functionality to your report.

Tiles allow you add carousel-style sections to your Pages report. This enables you to make better use of the available space in a report – by stacking multiple components in the same place.

It also gives you another way to build sophisticated drill functionality between related components that, unlike when drilling between Layers, does not affect the data displayed in other components on the Page.

We call these carousels "Tile Stacks".

## Adding a Tile Stack

{% stepper %}
{% step %}

## Add and select a component

Add a component to your Workspace, resize it as required, then click to select it.
{% endstep %}

{% step %}

## Add a Tile

Click the **Add Tile** icon on the Dynamic Toolbar. This adds a new Tile – by default called Tile 2 – in the same space on your Workspace.
{% endstep %}

{% step %}

## Display component icons

Click anywhere on the Workspace to display the component icons on the Dynamic Toolbar.
{% endstep %}

{% step %}

## Add a component to the new Tile

Drag a component from the Dynamic Toolbar onto the newly added Tile.
{% endstep %}

{% step %}

## Repeat as needed

Repeat steps 2 – 4 until you’ve added as many Tiles and components as required to the Tile Stack.
{% endstep %}
{% endstepper %}

{% hint style="info" %}
When adding Tiles in Edit mode, the new Tile will appear to be stacked on top of the previous Tiles. Allowing you to immediately access the newly added Tile. However, when the report is run, the first Tile added to the report will be the first Tile displayed on the report.
{% endhint %}

## Setting the behaviour of the Tile Stack

{% stepper %}
{% step %}

## Select Tiles

Click the Tiles heading in the Report Structure Panel on the lefthand side of the screen. This displays the Tiles specific options on the Dynamic Toolbar.
{% endstep %}

{% step %}

## Open Tile settings

Click the **Style** icon on the Dynamic Toolbar. This displays the Tiles settings dialog.

* **Transition** – select whether you would like the content in Tile Stack to be displayed as a manually controlled Slider or an automatic Slideshow.

If you selected Slider, the following options are displayed:

* **Navigation** – select who you would like the navigational controls for the Slider to be displayed.
* \*\*Slide Duration \*\*– set how long, in milliseconds, the transition takes when navigating between slides.
* **Orientation** – select whether you want the transition to go right to left – horizontal – or bottom to top – vertical.

If you selected Slideshow, the following options are displayed:

* **Navigation** – select how you want the slides to change in your slide show.
* **Delay** – set how long, in seconds, you want each slide in the slideshow to be displayed.
  {% endstep %}

{% step %}

## Apply the settings

Click the **Apply** button to save the settings.
{% endstep %}
{% endstepper %}

## Building a drillable Tile Stack

You can create drillable hierarchies using Tiles – passing a drill-context from the data component on one Tile to another data component on the next Tile, without changing the data displayed by other components on the Page.

These drillable hierarchies don’t need to be made the same component type. You can create a combination of charts, crosstabs and gauges – passing a selected drill-context from one to another.

{% stepper %}
{% step %}

## Add Tiles and data components

Add all necessary Tiles and data components to your Tile Stack.
{% endstep %}

{% step %}

## Select the first Tile

Click the first Tile in the Report Structure to display it on the Workspace.
{% endstep %}

{% step %}

## Select the data component

Click the data component in the Tile to select it.
{% endstep %}

{% step %}

## Open the Drill dialog

Click the **Drill** icon on the Dynamic Toolbar. This displays the Drill dialog.
{% endstep %}

{% step %}

## Select the drill action

Select **Drill Through to Next Tile**, from the *Drill Action* drop-down menu.
{% endstep %}

{% step %}

## Apply the drill action

Click the **Apply** button.
{% endstep %}

{% step %}

## Repeat for other components

Repeat this process for each of the data components that you want to make drillable.
{% endstep %}
{% endstepper %}

## Renaming Tiles

{% stepper %}
{% step %}

## Select Tiles

Click the Tiles label on the Report Structure Panel.
{% endstep %}

{% step %}

## Rename Tiles

Click the **Rename Tiles** icon on the Dynamic Toolbar.
{% endstep %}

{% step %}

## Apply the names

Rename the Tiles as required then click the Apply button.
{% endstep %}
{% endstepper %}

## Removing a Tile from a Tile Stack

{% stepper %}
{% step %}

## Select the Tile

Click the name of the Tile that you want to remove, in the Report Structure Panel.
{% endstep %}

{% step %}

## Remove the Tile

Click the **Remove from Report** icon on the Dynamic Toolbar.
{% endstep %}
{% endstepper %}

{% hint style="info" %}
If you want to remove the Tile but not the components added to the Tile, click the Remove from Page icon. This will remove the Tile but save the component and any configuration changes you’ve made to the Unused section of the Report Structure Panel.
{% endhint %}