Skip to Content

Wiki source code of 03. About Tiles

Last modified by Ian Covey on 06/11/2025, 14:24
Show last authors
1 (% class="lead" %)
2 Learn how to use Tiles to make the most of the available Workspace and add intuitive drilling functionality to your report.
3
4 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.
5
6 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.
7
8 We call these carousels "Tile Stacks".
9
10
11 == Adding a Tile Stack ==
12
13 To add a Tile Stack:
14
15 1. Add a component to your Workspace, resize it as required, then click to select it.
16 1. 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.
17 1. Click anywhere on the Workspace to display the component icons on the Dynamic Toolbar.
18 1. Drag a component from the Dynamic Toolbar onto the newly added Tile.
19 1. Repeat steps 2 – 4 until you’ve added as many Tiles and components as required to the Tile Stack.
20
21 (% class="box" %)
22 (((
23 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.
24 )))
25
26
27 == Setting the behaviour of the Tile Stack ==
28
29 To set or change how a Tile Stack behaves when a user runs the report:
30
31 1. 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.
32 1. Click the **Style** icon on the Dynamic Toolbar. This displays the Tiles settings dialog.
33
34 * **Transition** – select whether you would like the content in Tile Stack to be displayed as a manually controlled Slider or an automatic Slideshow.
35
36 (% style="margin-left:36.0pt" %)
37 If you selected Slider, the following options are displayed:
38
39 * **Navigation** – select who you would like the navigational controls for the Slider to be displayed.
40 * **Slide Duration **– set how long, in milliseconds, the transition takes when navigating between slides.
41 * **Orientation** – select whether you want the transition to go right to left – horizontal – or bottom to top – vertical.
42
43 (% style="margin-left:36.0pt" %)
44 If you selected Slideshow, the following options are displayed:
45
46 * **Navigation** – select how you want the slides to change in your slide show.
47 * **Delay** – set how long, in seconds, you want each slide in the slideshow to be displayed.
48
49 (% start="3" %)
50 1. Click the **Apply** button to save the settings.
51
52
53 == Building a drillable Tile Stack ==
54
55 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.
56
57 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.
58
59 To create a drillable Tile Stack:
60
61 1. Add all necessary Tiles and data components to your Tile Stack.
62 1. Click the first Tile in the Report Structure to display it on the Workspace.
63 1. Click the data component in the Tile to select it.
64 1. Click the **Drill** icon on the Dynamic Toolbar. This displays the Drill dialog.
65 1. Select **Drill Through to Next Tile**, from the //Drill Action// drop-down menu.
66 1. Click the **Apply** button.
67 1. Repeat this process for each of the data components that you want to make drillable.
68
69
70 == Renaming Tiles ==
71
72 To rename the Tiles in your Tile Stack:
73
74 1. Click the Tiles label on the Report Structure Panel.
75 1. Click the **Rename Tiles** icon on the Dynamic Toolbar.
76 1. Rename the Tiles as required then click the Apply button.
77
78
79 == Removing a Tile from a Tile Stack ==
80
81 To remove a Tile from a Tile Stack:
82
83 1. Click the name of the Tile that you want to remove, in the Report Structure Panel.
84 1. Click the **Remove from Report** icon on the Dynamic Toolbar.
85
86 (% class="box" %)
87 (((
88 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.
89 )))