---
title: "Dynamically Changing Tile Color"
slug: "dynamically-changing-tile-color"
updated: 2022-05-12T14:19:44Z
published: 2022-05-12T14:19:44Z
canonical: "documentation.decisions.com/dynamically-changing-tile-color"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://documentation.decisions.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Dynamically Changing Tile Color

Example Lab ArticleWhile Example Lab projects are resources for public use, articles and assets are not actively maintained. Screenshots and features are from the specified version below. These references may become dated as new versions are released.

---

## Overview

| ## Example Lab Details |
| --- |
| **Version** | 8.1.0 Revision 69234 |
| **Root Folder** | Dynamic Tile Color |
| **Modules** | None |
| **Dependencies** | None |

This Example Lab project demonstrates how to create and update the background color of a Tile based on its selection.

---

## Explanation

This example contains two **Reports**, a **Page** and a **Flow**. The Page contains a **Simple Tiles** and **Report Viewer** control. The Simple Tiles control contains the Flow that generates two **Tiles** and sets a **Report** in the Report Viewer, In the Flow, the G**et Page Variable** step is used to retrieve the **Report ID**. The **Create Data** step creates two **DesignerColor** objects, which will be mapped to the two tiles. The **String Match** step checks if the retrieved Report ID matches with the **Data Bus Value** for the **Create Tile Data** steps. If a match is found, the **Set Tile** steps will update the DesignerColor objects, which are then mapped in the Create Tile Data steps, updating the background color for the tile. In addition, the related **Report** will be shown in the Report Viewer.

Reference Articles[Change Report using Tiles Flow Behavior](https://documentation.decisions.com/docs/change-report-tiles-using-flow-behavior)  
[Create a Page and Dashboard](https://documentation.decisions.com/docs/create-your-first-page-dashboard)  
  

![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1652362998020.png)

![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1652362998088.png)

---

## Project Download

The examples attached were developed to be instructional and were not developed as officially supported components. For more information or to engage our service team to develop fully supported, production quality solutions, please contact services@decisions.com. Import the project below to a Decisions environment on version 8.1 or later using our [Importing/Exporting](https://documentation.decisions.com/docs/exporting-and-importing-overview) article.  
  
  
[[ExampleLab].DynamicTileColor.zip](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/%5BExampleLab%5D.DynamicTileColor.zip)

---