Change Report Using Tiles Flow Behavior

This tutorial demonstrates how to change Report in the Report Viewer component on the Page based on the Tile click. In Decisions 6.13.0 Tile components can send Data on click and Report Viewer component can listen to such events and refresh.
Example:
For this example we created two Reports:
Accounts Report.

And, Folders Report.

To learn how to build a Report please click here.

Back in the Designer Folder we click Manage > Page/Dashboard > Add Page/Dashboard on Folder Actions Panel. Then, we Name the Page Data and click CREATE below the Page selection box.

Then, Name the Page and click CREATE to enter the Page Designer.

In the Page Designer we add Tiles Part component.

Then, in the Common Properties of the Tiles Part component select Create for the Flow component.

In the Flow Designer we add Create Tile Data step from the Steps Catalog > Communication > Dashboards category.

 In Tile Setup settings change the input type of the Line 1 data component to Merge HTML Text from the drop down list. Then select Show Editor, in the resulting window and enter the text "Accounts Report". 

From Tile Action Type drop-down list we pick PushDataToControls.

Next, in Actions settings we define Constant Data Bus Name (Report).

Then, we locate our Accounts Report and get its Id using Action > Manage > Get Report ID option

We copy Report ID to the clipboard.

Back in the Flow Designer, we set Report Id as a Constant Data Bus Value.

Next, we add another Create Tile Data step to our Flow.

And, we setup this step the same way we set the first create Tile Data step in this tutorial. We are going to use the same Data Bus Name (Report). For Data Bus Value we use our Folders Report Id.

Then, we build Html Text for this step using the Merge Text Editor.

Next, we connect the outcome from the second Create Tile Data step to the End Step in our Flow.

For Tile Data input to the End Step we use Build Array Mapping Type. 

For the first Item in our Tile Data collection we Select Value of the outcome from the first Create Tile Data step. Then, we Add an item to our Tile Data collection. We Select Value of the outcome from the second Create Tile Data step for the second Item in our collection.

This completes our Flow. We can save the Flow and close Flow Designer.

Now, Html text returned by Tiles Flow shows up. Then, we add Report Viewer component from Reports category.

For the Report Viewer component settings we check Get Report Id from Selection Bus check-box.
For the Selection Bus Name we define ‘Report’ (selection bus name where our Tiles Flow pushes Report Ids).

This completes our Page design. We can save the Page and close Page Designer.

Back in the Designer Folder we locate our Page and from the folder view tabs at the top right. Select "Demo Page" to view the completed page. Our Page loads and no Report displayed in the Report Viewer component.

We click on Accounts Report Tile, and Accounts Report loads into Report Viewer component.

Then, we click on Folders Report Tile, and Folders Report displays in the same Report Viewer component.