# Step by Step: Create Your First Smart Form
This section explains the **step‑by‑step process** to create your first Smart Form on ONEWEB, using a **Loan Application** example.\
The tutorial demonstrates how **Entity, Tabs, Modules, Fields, and Buttons** work together to form a complete Smart Form.
***
### Example Scenario: Loan Application
We will create a Smart Form named **Application**, consisting of:
* **Main Tab:** Application
* **Child Tab:** Customer Information
Example target screens:
***
### Step 1: Create and Open the Entity
1. Create a new **Entity**
2. Open the Entity property window (Edit icon)
3. Enter **Entity Name** as `Application`
4. Click **OK**
***
### Step 2: Configure Main Tab (2‑Layer Tab – Application)
1. Drag **2‑Layer Tab** into the top (General Tab) area
2. Set:
* **Title:** Application
* **Template:** 1 Column
3. Click **Add**
4. Save the Entity.
Resulting structure:
***
### Step 3: Create Main Module (1‑1 Module)
1. Drag **1‑1 Module** under the Application tab
2. Open **Layout Properties**
3. Choose **2 Columns**
4. Add required rows
5. Configure Module:
* **Module Name:** Application
* **Table:** `oneweb_application(T)`
***
### Step 4: Configure Fields (Main Module)
#### 4.1 Hidden Field (Primary Key)
* **FIELD\_ID:** `APPLICATION_ID`
***
#### 4.2 Example Fields
**Date Field (Application Date)**
**Dynamic List (Channel)**
**Finance Amount**
***
### Step 5: Set Primary Key (Main Module)
***
### Step 6: Add Child Tab (Customer)
***
### Step 7: Child Module (1‑Many – Customer Info)
***
### Step 8: Child Fields (Customer)
Example – First Name:
***
### Step 9: Set Child Primary & Parent Key
***
### Step 10: Preview Smart Form
Preview result:
***
### Step 11: Configure Buttons
#### Entity Buttons
#### Module Buttons
{% hint style="info" %}
**Congratulations!**\
You have successfully created your first Smart Form on ONEWEB with full Parent–Child structure.
{% endhint %}
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://docs.onewebstack.com/building-apps/ui-page-designer/ux-ui-components/smart-forms/create-your-first-smart-form/step-by-step-create-your-first-smart-form.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
