Change Report Using Tiles Flow Behavior
  • Updated on 31 Jan 2017
  • 3 minutes to read
  • Print
  • Dark
    Light

Change Report Using Tiles Flow Behavior

  • Print
  • Dark
    Light

This tutorial demonstrates how to change Report in the Report Viewer component on the Page based on the Tile click. In Decisions 4.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.
2018-02-09_162313-1024x519.png

And, Folders Report.
2018-02-09_162535-1024x519.png

To learn how to build a Report please click here .
We begin in the Designer Folder with clicking Create Flow on the Folder Actions Panel.
2018-02-09_162618-1024x519.png

In the resulting window we Name the Flow then we click CREATE to proceed to the Flow Designer.
2018-02-09_162657-1024x519.png

Pick Tiles Source Flow from the Behavior drop-down list.
2018-05-30_095530.jpg

In the Flow Designer we add Create Tile Return step from All Steps [Catalog] > Communication > Dashboards category.
2018-05-30_095908-1024x519.jpg

Then, we select Create Tile Return step on the work-space and open Edit Step window. In Tile Setup settings we pick TileHTMLText from  Tile Type Name drop-down list.
2018-05-30_100013-1024x519.jpg

FromTile Action Type drop-down list we pick PushDataToControls .
2018-05-30_100037-1024x519.jpg

Next, in Actions settings we define Constant Data Bus Name (Report).
2018-05-30_100107-1024x519.jpg

Then, we locate our Accounts Report and get its Id using Action > Manage > Get Report ID option.
2018-05-30_100255-1024x519.jpg

We copy Report ID to the clipboard.
2018-05-30_100313.jpg

Back in the Flow Designer , we setReport Id as a Constant Data Bus Value .
2018-05-30_100503-1024x519.jpg

Then, we locate Tile Data settings, and pick Text Merge.HTML Mapping Type for Html Text input .
2018-05-30_100718-1024x519.jpg

Using Merge Text Editor we build Html for our Tile .
2018-05-30_101103-1024x519.jpg

Next, we add another Create Tile Return step to our Flow .
2018-05-30_101150-1024x519.jpg

And, we setup this step the same way we set the first create Tile Return 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.
2018-05-30_101402-1024x519.jpg

Then, we build Html Text for this step using Text Merge.HTML Editor.
2018-05-30_101754-1024x519.jpg

Next, we connect the outcome from the secondCreate Tile Data step to the End Step in our Flow . For Tile Data input to the End Step we use Build Array Mapping Type.
2018-05-30_102243-1024x519.jpg

For the first Item in our Tile Data collection we Select Value of the outcome from the first Create Tile Return step.
2018-05-30_102502-1024x519.jpg

Then, we Add an item to our Tile Data collection. We Select Value of the outcome from the second Create Tile Return step for the second Item in our collection.
2018-05-30_102705-1024x519.jpg

This completes our Flow . We can save the Flow and close Flow Designer.
2018-05-30_102759.jpg

Back in the Designer Folder we click Create Report/Page > Create Page/Dashboard on Folder Actions Panel. Then, we Name the Page and click CREATE to proceed to the Page Designer.
2018-05-30_102917-1024x519.jpg

In the Page Designer we add Tiles Part component.
2018-05-30_103014-1024x519.jpg

Then, in the Common Properties of the Tiles Part component we pick our Tiles Flow.
2018-05-30_103120.jpg

Html text returned by Tiles Flow shows up. Then, we add Report Viewer component from Reports category.
2018-05-30_103339-1024x519.jpg

For the Report Viewer component settings we checkGet 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).
2018-05-30_103753.jpg

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 Actions menu on the thumbnail we click View > Preview Page.
2018-05-30_110043-1024x519.jpg

Our Page loads and no Report displayed in the Report Viewer component.
2018-05-30_104048-1024x519.jpg

We click on Accounts Report Tile , and Accounts Report loads into Report Viewer component.
2018-05-30_104110-1024x519.jpg

Then, we click on Folders Report Tile , and Folders Report displays in the same Report Viewer component.
2018-05-30_104137-1024x519.jpg

Was this article helpful?