---
title: "Date Range and Simple Tiles"
slug: "date-range-and-simple-tiles"
updated: 2021-03-12T15:05:31Z
published: 2021-03-12T15:07:20Z
canonical: "documentation.decisions.com/date-range-and-simple-tiles"
---

> ## 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.

# Date Range and Simple Tiles

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** | 6.12.1 |
| **Root Folder** | Example Lab-Date Range Filter And Simple Tiles |
| **Modules** | None |
| **Dependencies** | None |

This Example Lab demonstrates how to setup a Simple Tile element on a Page to listen to a Date Range element on the same Page.

---

## Explanation

For this example, the **Folder** datatype is used on a Page for a **Simple Tile** and **Date Range Filter** element. The **Simple Tile** shows a count of Folders that were modified within the provided Date Range. In the Page Designer, the Simple Tile is configured to "Respect Date Range Filter On Page". The Simple Tile Flow is used to configure the logic that sources the Tile on the Page. This Flow receives the Date Range Filter data and uses an **Add Days** step to calculate the **End Date** for the Date Range.

The Simple Tile Flow receives a "For Dates" object as input data. The "Number of Days" and "From Date" must be configured as input values on the Add Days step; those values from the **For Dates** object are pulled to define them. The **Fetch Entities** step is fetching the Folders object and is using the following two filters: **Modified Date Less than or Equal to** and **Modified Date Greater than or Equal to**, which represent the **Start Date** and **End Date** respectively. The **Start Date** is mapped to the **"From Date"** data from the Flow input data**,** and the **End Date** is mapped to the **Add Days** step output. The **Create Data** step contains the **Count** property that is mapped from the **Fetch Entities** results. This **Count** is mapped into the **Create Tile Data** step to be displayed on the **Simple Tile** on the Page. **Create Tile Data** step output is mapped to the **End** step.

The Page is added to a subfolder in this project. When the Date Range is changed, the Simple Tile will show the number of Folders that were modified during that date range.

Reference Articles[Date Range Filter on Pages](https://documentation.decisions.com/docs/date-range-filter-on-pages)  
[Create Tile Data](https://documentation.decisions.com/docs/create-tile-data)  
[Creating Dynamic Page Content with Tiles](https://documentation.decisions.com/docs/creating-dynamic-page-content-with-tiles)

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

![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/Simple%20Tile%20Flow(1).png)

![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/tile%20config.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 6.12.1 or later using our [Importing/Exporting](https://documentation.decisions.com/docs/exporting-and-importing-overview) article.  
  
  
[ExampleLab[DateRangeAndSimpleTile].zip](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/ExampleLab%5BDateRangeAndSimpleTile%5D.zip)

---