Simple Tiles

Overview

Simple Tiles are Page components used to display and present data from a Flow. Simple Tiles uses a specialized Flow Behavior containing the Create Tile Data step, which allows for simple customization of how the information will be displayed within the component. 

Simple Tiles can be configured to display dynamic data, allowing it to change according to specific parameters.

Difference between Simple Tiles and Diagram Tile

The primary difference between Simple Tiles and Diagram Tiles lies in their data-presenting capabilities. Simple Tiles are limited to loading textual data, images, or icons on a Page/Dashboard. On the other hand, Diagram Tile can be configured to load complex infographics such as Charts and Graphs. Simple Tiles can be configured to load multiple sets of Tile data in a single Flow execution, whereas each Diagram Tile necessitates an individual Flow for loading its data.

Benefits of Simple Tiles

Simple Tiles offer significant advantages in terms of data loading efficiency. They can load multiple data sets in a single Flow, simplifying the development process and reducing complexity. This approach is more efficient, convenient, and time-saving, especially when managing a large number of tiles.

"Simple Tiles" vs "Simple Tile"

Simple Tiles and Simple Tile controls can be found under the Toolbox on the Page.

Simple Tiles can output multiple sets of tile data, whereas a Simple Tile can only handle a single tile data. Therefore, users can choose between Simple Tile and/or Simple Tiles based on their specific use case requirements.

It is important to note that while outputting multiple Tile Data in Simple Tiles,  all the tiles will be displayed within the designated Page area assigned to the control. E.g., If you are using Simple Tiles in a Grid Layout, all the Tiles will be loaded within the same Grid.

Simple Tiles Configuration and Working

Upon selecting the Simple Tiles Page control on the Page/Dashboard, it allows you to pick or create a special Flow behavior known as "Tiles Source Flow." Users are required to construct the necessary logic within the Flow to pass data to the "Create Tile Data" step, which generates TileData as an output type and ensure that the output from this step is appropriately passed to the Flow's output.

During runtime, as soon as the Page loads, the Tile Source Flow is run, and the output of the Flow is displayed on the Tile.

Use Case

Sample Dashboard

Here is a sample Dashboard with a few Simple Tiles. There are different KPI Tiles that are shown in this Dashboard. For example, "Total Requests" displays the number of generated requests within the process. Similarly, the other KPI Tiles in this sample Dashboard provide dynamic and up-to-date metrics that refresh based on actions taken, ensuring accurate information is always presented.

Settings on Simple Tiles

Common Properties

Behavior

View

Example

1. Set up a new Page or Dashboard that can allow you to arrange the Tiles as desired.
2. In the Toolbox, expand the Tiles category and drag Simple Tiles on the Page.
3. From the Properties panel, click on Pick or Create Flow. The Flow designer will open.
4. In the Flow Designer, build a custom logic to pass the data to the Create Tile Data Step/s. In the following example, we used the Fetch Entities step to find the number of total accounts in the platform.
5. Configure the Create Tile Data Step and pass the output of the step to the Flow output.
6. Preview the Page to see the results.