---
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: 2025-06-23T17:06:52Z
published: 2025-06-23T17:06:52Z
---

> ## 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**](/v9/docs/page-control-glossary) in the **Page****Designer**that are utilized to leverage [**Forms**](https://documentation.decisions.com/v9/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/v9/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/2024-08-08_10h44_41.png)
4. From the **Form****Designer**, design a [**Form**](https://documentation.decisions.com/v9/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/2024-08-08_10h47_15.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/2024-08-08_10h48_12.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/2025-06-23_13h05_33.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/2024-08-08_10h51_26.png)
10. Right-click the **Folder**, then attach the Page via [**Add Page/Dashboard**](https://documentation.decisions.com/v9/docs/create-pages-dashboards#building-an-attached-page).![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/2024-08-08_10h53_06.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/2024-08-08_10h54_01.png)

---

For further information on Pages, visit the [Decisions Forum](https://community.decisions.com/categories/Pages).