---
title: "Form Tiles"
slug: "form-tiles"
description: "This document introduces and demonstrates how to use Form Tiles. Form Tiles dynamically populate data from a custom Data Type, onto a Page in the Process Folder View. "
updated: 2026-06-30T17:12:25Z
published: 2026-06-30T17:12:25Z
canonical: "documentation.decisions.com/form-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.

# Form Tiles

## Overview

**Form Tiles** are [**Page controls**](/version-10/docs/page-control-glossary) in the **Page** **Designer** that are utilized to leverage [**Forms**](https://documentation.decisions.com/version-10/docs/forms) within a **Page**/**Dashboard**, allowing Designers to create and add interactive elements to their Page.

Such elements could provide functions such as request submission or **Report** filtration. The following article demonstrates how to utilize **Form Tile** on a **Page** to add an information submission **Form** that will be dynamically populated with the currently logged-in user's information.

---

## Form Tile Inputs

The following chart displays the three possible **Inputs** that are available when configuring a **Form** **Tile**.

| **Input Name** | **Function** |
| --- | --- |
| **Tile Form** | This input is where the user can select or create the Form that will be displayed on the tile. |
| **Input Data Flow** | If the Form has variable data input declared, a data Flow will be made available for the user to configure the Flow input data to the form. |
| **Output Data Flow** | If the Form has a button, there will be an Output Data Flow option to configure a Flow to run when the outcome button is clicked. |

---

## Example

1. From a **Designer** **Project**, create a new [**Page**](https://documentation.decisions.com/version-10/docs/create-pages-dashboards).
2. In the **Page** **Designer**, from **Toolbox > TILES**, drag a **Form Tile** component into the workspace.
3. From the **Properties** of the **Form** **Tile**, under INPUT, click PICK TILE FORM. Then, CREATE a new Form Tile. ![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1781112399248.png)
4. From the **Form** **Designer**, design a [**Form**](https://documentation.decisions.com/version-10/docs/create-forms) containing two **Text** **Box** controls and a **Button** (labeled "Submit").  
  
Provide a **Label** for each **Text** **Box** ("Name" and "Email Address" respectively) and a Label with the **Form's** title (in this example, "Student Profile Form"). ![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1781112616032.png)
5. **Save** the **Form**, then close the **Form** **Designer** via **X**.
6. In the **Page** **Designer**, from the INPUT FLOW category under the **Form** **Tile's** **Properties** tab, select EDIT INPUT FLOW FOR [FORM TITLE NAME}.![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1781112659666.png)
7. In the **Flow** **Designer**, from the **Properties** tab of the **End** step, map **Flow Data.PortalEmailAddress** to **Email** **Address**, and **Flow Data.CurrentUserFullName** to **Name**. **![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1781112719638.png)**
8. **Save** and close the **Flow** **Designer**, then the **Page** **Designer**.
9. From the Studio, right-click a **Designer Project**, then CREATE a new **Folder**. ![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1781112763463.png)
10. Right-click the **Folder**, then attach the Page via [**Add Page/Dashboard**](https://documentation.decisions.com/version-10/docs/create-pages-dashboards#building-an-attached-page).![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1781112791258.png)
11. Via the tabs at the top of the **Folder**, navigate to the newly added **Page**.  
  
Verify that the **Page** displays the **Form** with the mapped data. ![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1781112849187.png)