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

# How to Use Form Data as a Data Source

> A hands-on walkthrough of using form and process data as a Data Source in YiDA custom pages, illustrated with a product information display example covering remote API configuration and data rendering.

## Use Case

To retrieve and display data from form or process pages within a custom page, follow the steps in this document to show product information on a custom page.

## Video Tutorial

## Steps

### Step 1: Retrieve Submitted Form Data

Visit the [YiDA Server OpenAPI](/open/yida/api/openAPI) page to review all remote OpenAPIs provided by YiDA, and locate the Form Data query API.

### Step 2: Configure the Data Source

* Add a Data Source — Assemble the API endpoint based on the OpenAPI documentation and configure the request URL, for example: `/dingtalk/web/APP_M14MKG7F402M1Q7H2MGO/v1/form/searchFormDatas.json`.

* Configure the parameters — Add the formUuid of the target form to the request parameters.

* Retrieve the formUuid — Find the formUuid of each form in the current App on the following page.

* Save the Data Source and preview the result.

## Result

Visit the official [Form/Process Data as a Data Source Example](https://docs.aliwork.com/docs/yida_subject/_1/cuqxlstcxcqr5331) to view the outcome and implementation details. The final result is shown below: