---
title: "Using the Image Form Component"
slug: "using-the-image-form-component"
updated: 2021-03-12T15:05:29Z
published: 2021-03-12T15:07:20Z
canonical: "documentation.decisions.com/using-the-image-form-component"
---

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

# Using the Image Form Component

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.10.2 |
| **Root Folder** | Example Lab - Show Images in a form |
| **Modules** | None |
| **Dependencies** | None |

This Example Lab demonstrates how to Fetch a saved Document (in this case it is an **Image**) in Decisions, and view that Image on a form using the **Image** **Form Component**.

---

## Explanation

This Flow works by using the **"Get Document Data"** step and showing the Document in the Image viewer on the Form. The Flow uses the Document ID of the added Document, in order to pull in the Document **File Data.** The Flow then uses the **GetDocumentDatabyID_Output.Contents** in order to pass into the Image Form Component. Once the Form loads, the user will be able to view the Image.

Reference Articles[Getting File Data From a Document](https://documentation.decisions.com/docs/getting-file-data-document)  
[Adding Documents To The Portal](https://documentation.decisions.com/docs/dragging-and-dropping-a-document-into-a-root-folder)

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

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

---