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

# Approval form controls

> Learn about the layout, basic, and enhanced controls of an Approval form — including each control's use cases, settings, attributes, data constraints, and search boundaries.

## 1. Form control details

An Approval form is composed of various controls, grouped into three categories:

| Control category  | Included controls                                                                                                                                                                               |
| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Layout controls   | Column split                                                                                                                                                                                    |
| Basic controls    | Single-line input, Multi-line input, Numeric input, Single Select, Multiselect, Date, Date range, Description text, ID card, Phone                                                              |
| Enhanced controls | Cascade/Category, Image, Details/Spreadsheet, Amount, Attachment, Signature, Contact, Department, Current location, Calculate Formula, Associated Approval form, Province/City/District, Rating |

### 1) Layout controls

Column split improves information density on the desktop by arranging Form Fields into multiple columns side by side.

<Note>
  Column split takes effect only on the **desktop**; the mobile side still displays in a single column. This control has no Attribute Settings, data constraints, or Search.
</Note>

Column split control in the control library:

<Frame>
  ![Column split control in the control library](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/d38af7db-1ff4-4989-abd3-22534e437851.png?x-oss-process=image/crop,x_666,y_168,w_109,h_110/ignore-error,1)
</Frame>

Use Column split to organize fields in the form designer:

<Frame>
  ![Using Column split to organize fields in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/e71bcc20-f487-4ce7-b6c3-a9efe8f5be6f.png)
</Frame>

Column split as it appears on a desktop form:

<Frame>
  ![How Column split appears on a desktop form](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/70214a1f-b4c4-4e0a-a323-bd720f37b843.png)
</Frame>

### 2) Basic controls

Basic controls share the following common settings:

| Common setting   | Description                                                                                                                                                     |
| ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Title            | The Title displayed on the form. Up to 50 characters                                                                                                            |
| Placeholder text | The gray hint text shown inside an empty input on the form. Up to 50 characters                                                                                 |
| Default          | The Default Content shown inside an empty input on the form. When Step Permissions are set to "Editable", the field value bound to this control can be modified |
| Required setting | Off by default. When On, the field bound to this control is validated on form submission, and submission is blocked if the field is empty                       |
| Print setting    | On by default. When Off, the field bound to this control is excluded from the downloaded or printed form-detail PDF                                             |

#### 1. Single-line input

Use this control to enter simple Text, such as a contract name or item name.

**Settings interface**

Add a single-line input in the form designer:

<Frame>
  ![Adding a single-line input in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/d1f29a95-aa3f-49b7-a227-1e71bca0a688.png)
</Frame>

Single-line input Attribute Settings panel:

<Frame>
  ![Single-line input Attribute Settings panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/ce5cf1e3-642a-413f-b64b-4d195be605fe.png)
</Frame>

Single-line input as it appears on a mobile form:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![How the single-line input appears on a mobile form](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/ed2e1208-3508-4ca2-95ea-bfe8c6544b52.png)
  </Frame>
</div>

**Attribute Settings**

| Attribute        | Description                                                                                                          |
| ---------------- | -------------------------------------------------------------------------------------------------------------------- |
| Scan-to-fill     | Off by default. When On, Content can be filled in quickly by scanning a code                                         |
| Data linkage     | A paid capability. When On, supports filling in Data from other forms according to specific rules                    |
| Formula editor   | A paid capability. When On, supports using formulas to fetch system fields, process Data, and perform logical checks |
| Input validation | A paid capability. When On, supports validating the entered Content against specific rules                           |

The single-line input recognizes Links and Markdown-formatted Content:

<Frame>
  ![The single-line input recognizes Links and Markdown-formatted Content](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/94EZlw5wyzPWqxAY/img/21301c09-9edf-4a85-a474-54f2841d3f83.png)
</Frame>

Entered Content as it appears on the Approval detail Page:

<Frame>
  ![How the entered Content appears on the Approval detail Page](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/94EZlw5wyzPWqxAY/img/820f2948-4830-4af1-85c5-6bba0cda8eb6.png)
</Frame>

**Data constraints and Search**

| Item            | Description                                         |
| --------------- | --------------------------------------------------- |
| Search boundary | Exact Field match, with fuzzy Search also supported |

#### 2. Multi-line input

Use this control to enter complex Text — for example, detailed notes, interview transcripts, or interview evaluations. Line breaks are supported.

**Settings interface**

Add a multi-line input in the form designer:

<Frame>
  ![Adding a multi-line input in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/4915a0d8-d985-433a-90dd-a19f3ec76606.png)
</Frame>

Multi-line input Attribute Settings panel:

<Frame>
  ![Multi-line input Attribute Settings panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/8b5f259f-3131-48d9-b6c8-8f318eee3a5f.png)
</Frame>

Multi-line input as it appears on a mobile form:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![How the multi-line input appears on a mobile form](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/54f69d28-b3e4-4e3d-bb9d-dd64ee495fe7.png)
  </Frame>
</div>

**Attribute Settings**

| Attribute        | Description                                                                                                          |
| ---------------- | -------------------------------------------------------------------------------------------------------------------- |
| Data linkage     | A paid capability. When On, supports filling in Data from other forms according to specific rules                    |
| Formula editor   | A paid capability. When On, supports using formulas to fetch system fields, process Data, and perform logical checks |
| Input validation | A paid capability. When On, supports validating the entered Content against specific rules                           |

The multi-line input supports line breaks and recognizes Links and Markdown-formatted Content:

<Frame>
  ![The multi-line input supports line breaks and recognizes Links and Markdown-formatted Content](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/94EZlw5wyzPWqxAY/img/5e0816be-23ac-4102-8116-4cf200848af1.png)
</Frame>

Entered Content as it appears on the Approval detail Page:

<Frame>
  ![How the entered Content appears on the Approval detail Page](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/94EZlw5wyzPWqxAY/img/e75537ac-d6aa-4e97-bf7c-9acf465e1a4f.png)
</Frame>

**Data constraints and Search**

| Item            | Description                                         |
| --------------- | --------------------------------------------------- |
| Search boundary | Exact Field match, with fuzzy Search also supported |

#### 3. Numeric input

Use this control to enter Numbers, such as purchase quantity, stock quantity, or points.

**Settings interface**

Add a numeric input in the form designer:

<Frame>
  ![Adding a numeric input in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/ac93e279-8bd9-47da-b338-eba0de551203.png)
</Frame>

Numeric input Attribute Settings panel:

<Frame>
  ![Numeric input Attribute Settings panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/5b622fa4-b551-43ec-821d-2afd11472224.png)
</Frame>

Numeric input as it appears on a mobile form:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![How the numeric input appears on a mobile form](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/7949203b-d9b6-4ef9-ab3e-1c6b5f466255.png)
  </Frame>
</div>

**Attribute Settings**

| Attribute        | Description                                                                                                                                              |
| ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Unit             | The unit displayed on the form                                                                                                                           |
| Decimal places   | Empty by default. Once a value is set, decimal precision is validated on form submission, and submission is blocked if the entered Number does not match |
| Data linkage     | A paid capability. When On, supports filling in Data from other forms according to specific rules                                                        |
| Formula editor   | A paid capability. When On, supports using formulas to fetch system fields, process Data, and perform logical checks                                     |
| Input validation | A paid capability. When On, supports validating the entered Content against specific rules                                                               |
| Linked payment   | Off by default. When On, you can choose to generate a payment order or a receipt order                                                                   |

**Data constraints and Search**

| Item             | Description                                   |
| ---------------- | --------------------------------------------- |
| Data constraints | Up to 20 digits, with up to 20 decimal places |
| Search boundary  | Exact numeric match supported                 |

#### 4. Single Select

Use this control to pick one option from a preset list of Enum values, such as a reimbursement category or goods category. These Enum values can be edited directly on the form, or sourced by referencing Data from another Data Source as options.

**Settings interface**

Add a single Select in the form designer:

<Frame>
  ![Adding a single Select in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/b64ba274-2cc7-40c9-98fa-b1b95f117c93.png)
</Frame>

Single Select Attribute Settings panel — option Content can be edited:

<Frame>
  ![Single Select Attribute Settings panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/87220be7-48ea-4b0f-8ec0-e891053d4788.png)
</Frame>

Selecting an option on a mobile form:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![How selecting an option on a mobile form looks](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/94be4ad8-afbd-4dad-94b8-6422ad1b17db.png)
  </Frame>
</div>

When "Inline options" is On, the options are displayed inline on the form:

Turn on Inline options in the attribute panel:

<Frame>
  ![Turning on Inline options in the attribute panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/1d27ac93-6a40-45ac-abec-1630c7a14737.png)
</Frame>

Inline options as they appear on a mobile form:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![How Inline options appear on a mobile form](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/7332a268-d916-4596-8600-b32423dd25eb.png)
  </Frame>
</div>

**Attribute Settings**

| Attribute                        | Description                                                                                                                                           |
| -------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- |
| Batch Edit                       | Supports Copy-Paste to generate options in one go                                                                                                     |
| Option linkage                   | Supports linkage between options and controls.<br />For step-by-step instructions, see [How to set up Option linkage](/approval/controls-option-link) |
| Inline options                   | Off by default. When On, options are displayed inline on the form                                                                                     |
| Reference Data from another form | A paid capability. When On, Data from another form can be referenced as options                                                                       |
| Data linkage                     | A paid capability. When On, supports filling in Data from other forms according to specific rules                                                     |
| Input validation                 | A paid capability. When On, supports validating the entered Content against specific rules                                                            |

**Data constraints and Search**

| Item             | Description                                                 |
| ---------------- | ----------------------------------------------------------- |
| Data constraints | Up to 200 options; option display name up to 100 characters |
| Search boundary  | Fuzzy Search or exact match by option supported             |

#### 5. Multiselect

Use this control to pick several options from a preset list of Enum values, such as issue-cause Tags. These Enum values can be edited directly on the form, or sourced by referencing Data from another Data Source as options.

**Settings interface**

Add a Multiselect in the form designer:

<Frame>
  ![Adding a Multiselect in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/329079c2-3f22-4ca1-b37c-2e175c8084b4.png)
</Frame>

Multiselect Attribute Settings panel — option Content can be edited:

<Frame>
  ![Multiselect Attribute Settings panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/59e1664f-dcea-4b82-80b2-ba8ace274974.png)
</Frame>

Selecting options on a mobile form:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![How selecting options on a mobile form looks](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/34113739-bd2b-4bfd-b2ff-a280a275a0ed.png)
  </Frame>
</div>

When "Inline options" is On, the options are displayed inline on the form:

Turn on Inline options in the attribute panel:

<Frame>
  ![Turning on Inline options in the attribute panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/abad9800-c92f-414c-aee0-ef471cae8394.png)
</Frame>

Inline options as they appear on a mobile form:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![How Inline options appear on a mobile form](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/11b92204-2b4d-4343-afa4-76d34956a7c0.png)
  </Frame>
</div>

**Attribute Settings**

| Attribute                        | Description                                                                                                                                           |
| -------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- |
| Batch Edit                       | Supports Copy-Paste to generate options in one go                                                                                                     |
| Option linkage                   | Supports linkage between options and controls.<br />For step-by-step instructions, see [How to set up Option linkage](/approval/controls-option-link) |
| Inline options                   | Off by default. When On, options are displayed inline on the form                                                                                     |
| Reference Data from another form | A paid capability. When On, Data from another form can be referenced as options                                                                       |
| Data linkage                     | A paid capability. When On, supports filling in Data from other forms according to specific rules                                                     |
| Input validation                 | A paid capability. When On, supports validating the entered Content against specific rules                                                            |

**Data constraints and Search**

| Item             | Description                                                 |
| ---------------- | ----------------------------------------------------------- |
| Data constraints | Up to 200 options; option display name up to 100 characters |
| Search boundary  | Fuzzy Search or exact match by option supported             |

#### 6. Date

Use this control to set a specific Date, such as the expected arrival Date of purchased items.

**Settings interface**

Add a Date control in the form designer:

<Frame>
  ![Adding a Date control in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/d20b21b6-58ab-4817-8b71-35472a336ed4.png)
</Frame>

Date control Attribute Settings panel:

<Frame>
  ![Date control Attribute Settings panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/bbd25079-d49a-46c9-a14c-62de6fab3710.png)
</Frame>

Picking a Date on the mobile side:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![How Date picking looks on the mobile side](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/218c53f2-7479-40fb-acf2-a6024d814fef.png)
  </Frame>
</div>

Picking a Date via the Date picker on desktop:

<Frame>
  ![Picking a Date via the Date picker on desktop](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/395fc196-6c79-4f98-95c6-0579adb138ac.png)
</Frame>

Picked Date as it appears on a mobile form:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![How the picked Date appears on a mobile form](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/433bf61b-4ed9-4162-998d-c67c2a6d1df2.png)
  </Frame>
</div>

**Attribute Settings**

| Attribute         | Description                                                                                                                         |
| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------- |
| Date type         | Supports two types: YYYY-MM-DD and YYYY-MM-DD HH:mm                                                                                 |
| Data linkage      | A paid capability. When On, supports filling in Data from other forms according to specific rules                                   |
| Formula editor    | A paid capability. When On, supports using formulas to fetch system fields, process Data, and perform logical checks                |
| Input validation  | A paid capability. When On, supports validating the entered Content against specific rules                                          |
| Due-Date reminder | A paid capability. When On, you can set actions such as generating a To-Do or creating a New Event when the current Date is reached |

**Data constraints and Search**

| Item             | Description                                                                                               |
| ---------------- | --------------------------------------------------------------------------------------------------------- |
| Data constraints | Data can be picked via the Date picker or typed manually. Manual entries must follow the Date type format |
| Search boundary  | Fuzzy Search supported                                                                                    |

#### 7. Date range

Use this control to set a specific time span, such as the contract start time and end time.

**Settings interface**

Add a Date range control in the form designer:

<Frame>
  ![Adding a Date range control in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/9dcaf7c6-8c14-484e-9015-7861ca9cd2e2.png)
</Frame>

Date range Attribute Settings panel:

<Frame>
  ![Date range Attribute Settings panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/214173a6-8f59-493a-85ea-6d36bc76ea69.png?x-oss-process=image/crop,x_0,y_1,w_2760,h_1727/ignore-error,1)
</Frame>

Date range as it appears on a mobile form:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![How the Date range appears on a mobile form](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/9e144903-2250-4f32-8a51-44777f8ff255.png)
  </Frame>
</div>

When "Auto-calculate duration" is On, the form automatically displays the difference between the start time and end time:

Turn on Auto-calculate duration in the attribute panel:

<Frame>
  ![Turning on Auto-calculate duration in the attribute panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/aec10def-058c-4a1e-bafd-61e9f38b3f70.png?x-oss-process=image/crop,x_0,y_7,w_2760,h_1721/ignore-error,1)
</Frame>

Auto-calculate duration as it appears on a mobile form:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![How Auto-calculate duration appears on a mobile form](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/092f3a40-cbc8-4668-9927-29e5ddbfedf1.png)
  </Frame>
</div>

**Attribute Settings**

| Attribute               | Description                                                                                                                                                                                                                                                           |
| ----------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Title 1                 | The Title displayed before the start time                                                                                                                                                                                                                             |
| Title 2                 | The Title displayed before the end time                                                                                                                                                                                                                               |
| Date type               | Supports two types: YYYY-MM-DD and YYYY-MM-DD HH:mm                                                                                                                                                                                                                   |
| Auto-calculate duration | Off by default. When On, the form displays the difference between the start time and the end time.<br />Titles up to 20 characters.<br />When Date type is YYYY-MM-DD, the unit defaults to days.<br />When Date type is YYYY-MM-DD HH:mm, the unit defaults to hours |
| Data linkage            | A paid capability. When On, supports filling in Data from other forms according to specific rules                                                                                                                                                                     |
| Formula editor          | A paid capability. When On, supports using formulas to fetch system fields, process Data, and perform logical checks                                                                                                                                                  |
| Input validation        | A paid capability. When On, supports validating the entered Content against specific rules                                                                                                                                                                            |
| Due-Date reminder       | A paid capability. When On, you can set actions such as generating a To-Do or creating a New Event when the current Date is reached                                                                                                                                   |

**Data constraints and Search**

| Item             | Description                                                                                                                                                                                      |
| ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Data constraints | Data can be picked via the Date picker or typed manually. Manual entries must follow the Date type format. When Auto-calculate duration is Enabled, the duration unit changes with the Date type |
| Search boundary  | Fuzzy Search and exact match supported                                                                                                                                                           |

#### 8. Description text

This control is often used to describe the purpose of the current form. Add Links, red-highlighted Text, and similar elements to strengthen reminders. It is typically used to display rules and regulations, or items the Respondent must confirm — such as a Link to a letter of commitment.

**Settings interface**

Add a Description text control in the form designer:

<Frame>
  ![Adding a Description text control in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/7e1cfca7-668d-4112-a79b-498ba1f13ccc.png)
</Frame>

Description text Attribute Settings panel — Text Content, color, and Redirect To Link can be configured:

<Frame>
  ![Description text Attribute Settings panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/84ea1b55-e78d-4c9f-8d0d-cfac113ebcc0.png)
</Frame>

Description text as it appears on a mobile form:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![How Description text appears on a mobile form](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/1c980778-00e6-43a4-a0c4-915e2dc81a32.png)
  </Frame>
</div>

**Attribute Settings**

| Attribute             | Description                                                                                                                                                                                         |
| --------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Description text      | Enter the Description text. When the Approval is initiated, this Text is displayed on the form as Read-only, and the Text Color can be set to red for stronger reminders. Line breaks are supported |
| Redirect To Link URL  | Enter a URL that starts with "http". Clicking the Text will Redirect To the corresponding Page                                                                                                      |
| Hide on Approval Page | Off by default. When On, the Description text is not displayed on the Approval detail Page — it is visible only to the initiator when starting the Approval, so it does not distract the approver   |

**Data constraints and Search**

| Item             | Description                                                           |
| ---------------- | --------------------------------------------------------------------- |
| Data constraints | Description text is up to 1,024 characters; line breaks are supported |
| Search boundary  | Search not supported                                                  |

#### 9. ID card

Use this control in scenarios that require the ID card Number to be entered accurately. If the ID card information is invalid, an Error message appears on Submit.

**Settings interface**

Add an ID card control in the form designer:

<Frame>
  ![Adding an ID card control in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/92d50303-5fcb-47f4-ac98-a157d3e6f10e.png)
</Frame>

ID card control Attribute Settings panel:

<Frame>
  ![ID card control Attribute Settings panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/7cf0f0fc-2a3b-41a4-9ad5-d87c5401d43c.png)
</Frame>

Validation Tips on mobile when the ID card Number format is invalid:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![Validation Tips on mobile when the ID card Number format is wrong](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/1ccf60df-169f-4b84-bd80-bbfbd0242ecd.png)
  </Frame>
</div>

**Attribute Settings**

| Attribute           | Description                                                                                                          |
| ------------------- | -------------------------------------------------------------------------------------------------------------------- |
| Hide sensitive info | Off by default. When On, the ID card information is only displayed on the Approval form after the user clicks "Show" |

With Hide sensitive info On, the ID card Number is masked on the Approval form:

<Frame>
  ![With Hide sensitive info On, the ID card Number is masked](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/6e0c3d6f-fa31-4d8f-bde5-626c63da85f0.png)
</Frame>

**Data constraints and Search**

| Item             | Description                                                                                              |
| ---------------- | -------------------------------------------------------------------------------------------------------- |
| Data constraints | The system automatically validates the format of the ID card Number. Invalid formats cannot be submitted |
| Search boundary  | Fuzzy Search and exact match supported                                                                   |

#### 10. Phone

Supports format validation for mobile Numbers and landlines from common countries. When a Phone number is required, the entry can be pre-checked on Submit.

**Settings interface**

Add a Phone control in the form designer:

<Frame>
  ![Adding a Phone control in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/2f873216-11d5-4acf-b2aa-76d7c9acb8ca.png)
</Frame>

Phone control Attribute Settings panel — the Phone Type can be selected:

<Frame>
  ![Phone control Attribute Settings panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/88751026-ce1e-4059-994c-43bba4d068e1.png)
</Frame>

Validation Tips on mobile when the Phone number format is invalid:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![Validation Tips on mobile when the Phone number format is wrong](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/7aa641ed-4a6b-4617-b978-667b85e7386c.png)
  </Frame>
</div>

**Attribute Settings**

| Attribute           | Description                                                                                                        |
| ------------------- | ------------------------------------------------------------------------------------------------------------------ |
| Type                | Supports three types: mobile only, mobile and landline, and landline only                                          |
| Hide sensitive info | Off by default. When On, the Phone information is only displayed on the Approval form after the user clicks "Show" |

**Data constraints and Search**

| Item             | Description                                                                                            |
| ---------------- | ------------------------------------------------------------------------------------------------------ |
| Data constraints | The system automatically validates the format of the Phone number. Invalid formats cannot be submitted |
| Search boundary  | Fuzzy Search and exact match supported                                                                 |

### 3) Enhanced controls

#### 1. Cascade/Category

Use this control in scenarios where categories must be maintained in Tiers, such as recording item information for inventory management, or Province/City/District.

**Settings interface**

Add a Cascade/Category control in the form designer:

<Frame>
  ![Adding a Cascade/Category control in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/457eacdd-4223-4820-8a96-c1c315e9042c.png)
</Frame>

Edit the category Data — a multi-Tier category Table of contents is supported:

<Frame>
  ![Editing the category Data](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/74296af4-5a21-4a16-ba67-7333b57de35c.png)
</Frame>

Cascade/Category Attribute Settings panel — the Data source can be selected:

<Frame>
  ![Cascade/Category Attribute Settings panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/8e219fa9-922b-4ef7-90e2-54ac69430ce6.png)
</Frame>

Tier-by-Tier picking of Cascade/Category on mobile:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![How Cascade/Category Tier-by-Tier picking looks on mobile](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/ac0400eb-e3f9-45ee-afea-0c09ca855396.png)
  </Frame>
</div>

**Attribute Settings**

| Attribute   | Description                                                       |
| ----------- | ----------------------------------------------------------------- |
| Data source | Supports fetching the Data tiers set up in Smart Finance directly |

**Data constraints and Search**

| Item             | Description                                                                                                                                                                                                                                          |
| ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Data constraints | Across all Tiers in the category Data Source, the total number of category Entries is capped at 10,000; the Table of contents supports up to 5 Tiers; within the same directory, category names must be unique; global category codes must be unique |
| Search boundary  | Fuzzy Search and exact match supported. When using exact match, using a parent category as the exact Search key matches all Data under that category                                                                                                 |

#### 2. Image

Use this control to capture Image information in form-Data scenarios — for example, in customer-visit records, use the Image control to log on-site notes from a visit.

**Settings interface**

Add an Image control in the form designer:

<Frame>
  ![Adding an Image control in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/fd95b173-0db7-4381-9307-9f60d45cf64d.png)
</Frame>

Image control Attribute Settings panel — Upload count limit and watermark photos can be configured:

<Frame>
  ![Image control Attribute Settings panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/009d7147-648d-4024-b4cf-46e89709b525.png)
</Frame>

Uploading images on mobile:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![Uploading images on mobile](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/3a20397b-5490-477c-a7ba-ef3f536986a9.png)
  </Frame>
</div>

With Watermark photos On, images must be uploaded via Take photo and carry watermark info:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![With Watermark photos On, images must be uploaded via Take photo and carry watermark info](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/862e8000-c1f2-496b-ba8b-e5066e5ef524.png?x-oss-process=image/crop,x_0,y_0,w_591,h_1280/ignore-error,1)
  </Frame>
</div>

**Attribute Settings**

| Attribute          | Description                                                                              |
| ------------------ | ---------------------------------------------------------------------------------------- |
| Upload count limit | Defaults to 9 images; up to 50 images                                                    |
| Watermark photos   | Off by default. When On, images must be uploaded via Take photo and carry watermark info |

**Data constraints and Search**

| Item             | Description                           |
| ---------------- | ------------------------------------- |
| Data constraints | Defaults to 9 images; up to 50 images |
| Search boundary  | Search not supported                  |

#### 3. Details/Spreadsheet

Details/Spreadsheet is a control that organizes Data and information as Records and Columns. It is primarily used for collecting repeated Data that shares the same header — for example, inventory-inbound details or reimbursement details.

* The control itself carries no Data. Think of it as a block into which Data can be repeatedly added, or as an empty Table
* The Data items you fill in (that is, the header of the Spreadsheet) are defined by placing the required controls (such as single-line inputs, single Select, and so on) into the detail control

For step-by-step instructions, see [detail control](/approval/controls-detail).

**Settings interface**

Add a Details/Spreadsheet control in the form designer:

<Frame>
  ![Adding a Details/Spreadsheet control in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/f04d5cb2-0203-4db6-b5b3-0005761b4c16.png)
</Frame>

Drag other controls into the Details table to compose the header:

<Frame>
  ![Dragging other controls into the Details table to compose the header](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/031a15af-3667-46ee-9436-45ba7001eedb.png)
</Frame>

Details/Spreadsheet Attribute Settings panel:

<Frame>
  ![Details/Spreadsheet Attribute Settings panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/47171b25-abbb-4521-bbff-fcbde890ab71.png)
</Frame>

Filling in Details Data on mobile:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![Filling in Details Data on mobile](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/51d4b841-2fd2-49dd-9bd4-2678cae72afc.png)
  </Frame>
</div>

Details table as it appears on a mobile Approval form:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![How the Details table appears on a mobile Approval form](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/0dff8679-fe3c-4925-ba6c-cfb2766fe1fa.png)
  </Frame>
</div>

**Attribute Settings**

| Attribute        | Description                                                                                                                                                                                                      |
| ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Data linkage     | Via Data linkage inside a Details table, all Details from another form can be filled into the current Spreadsheet Details. By choosing which header fields to display, you can also filter the displayed Columns |
| Display style    | A paid capability. Used to optimize how the Details table is displayed on the form                                                                                                                               |
| Enhanced actions | A paid capability. Used to improve the efficiency of filling in the Details table, enabling quick Data Import and clearing                                                                                       |

Configuration steps for Data linkage:

Turn on Data linkage in the Details attribute panel:

<Frame>
  ![Turning on Data linkage in the Details attribute panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/deba890a-fd62-4aba-8f2e-105ceb6209ac.png)
</Frame>

Select the linked Target form and Details Field:

<Frame>
  ![Selecting the linked Target form and Details Field](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/740be8d9-6ce5-4173-8b96-802b094cfebc.png)
</Frame>

Set linkage conditions and fill rules:

<Frame>
  ![Setting linkage conditions and fill rules](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/c14dc017-2406-4d76-a8e5-8b4041a938bc.png)
</Frame>

Select which header fields to display to filter the displayed Columns:

<Frame>
  ![Selecting which header fields to display](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/9330e323-9bd1-4bf6-897d-53264883d5bf.png)
</Frame>

**Data constraints and Search**

| Item             | Description                                                                                                                  |
| ---------------- | ---------------------------------------------------------------------------------------------------------------------------- |
| Data constraints | A Details table cannot contain another Details table; a Details table cannot contain a kit; up to 50 Columns and 100 Records |
| Search boundary  | The name of the Details table itself is not searchable; the Content inside the Details table supports fuzzy Search           |

#### 4. Amount

Use this control in scenarios that require Chinese uppercase Amount, or that need Linked payment.

**Settings interface**

Add an Amount control in the form designer:

<Frame>
  ![Adding an Amount control in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/3732f1e6-536d-42b4-bcf8-d7ba6430fff3.png)
</Frame>

Amount control Attribute Settings panel:

<Frame>
  ![Amount control Attribute Settings panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/67248194-b192-42c2-b994-ba6f8f156542.png)
</Frame>

Amount control as it appears on a mobile form:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![How the Amount control appears on a mobile form](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/b3e4c284-19b4-4ac9-82f8-c721bfddde3b.png)
  </Frame>
</div>

**Attribute Settings**

| Attribute        | Description                                                                                                                                              |
| ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Show uppercase   | Off by default. When On, the entered Amount is automatically converted to Chinese uppercase and displayed on the form in gray Font                       |
| Decimal places   | Empty by default. Once a value is set, decimal precision is validated on form submission, and submission is blocked if the entered Amount does not match |
| Data linkage     | A paid capability. When On, supports filling in Data from other forms according to specific rules                                                        |
| Formula editor   | A paid capability. When On, supports using formulas to fetch system fields, process Data, and perform logical checks                                     |
| Input validation | A paid capability. When On, supports validating the entered Content against specific rules                                                               |
| Linked payment   | Off by default. When On, you can choose to generate a payment order or a receipt order                                                                   |

With Show uppercase On, the Amount is automatically converted to Chinese uppercase:

<Frame>
  ![The Amount is automatically converted to Chinese uppercase](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/94EZlw5wyzPWqxAY/img/b6e78f3a-2cef-49c1-bf32-ba94cfb71012.png)
</Frame>

**Data constraints and Search**

| Item             | Description                                                                                                                                                                                     |
| ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Data constraints | Up to 20 digits, with the Chinese-uppercase display supporting Amounts of up to 16 digits. Linked payment limitation: when there are multiple Amount controls, only one supports Linked payment |
| Search boundary  | Exact match supported                                                                                                                                                                           |

#### 5. Attachment

Use this control to Upload File information. It supports previewing common Text formats such as docx, doc, and pdf, as well as Video-format files. For example, in a contract scenario, use the Attachment control to Upload the contract file; in a procurement scenario, use it to Upload an Excel file.

**Settings interface**

Add an Attachment control in the form designer:

<Frame>
  ![Adding an Attachment control in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/10f327e5-2928-4d06-8bfe-91456fec171d.png)
</Frame>

Attachment control Attribute Settings panel:

<Frame>
  ![Attachment control Attribute Settings panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/80f06b70-3fee-456f-8b72-080c3e28148d.png)
</Frame>

Add Attachment flow on mobile:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![How the Add Attachment flow looks on mobile](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/edf7c6a4-c322-49be-b283-028a55d01735.png)
  </Frame>
</div>

**Attribute Settings**

| Attribute          | Description                                                                                                                                                                                                      |
| ------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| E-signature        | For contract scenarios, supports signing online via e-signature. E-signature is provided by a third-party service                                                                                                |
| Attachment editing | A paid capability. When On, attachments can be edited online (requires Step Edit Permission), the attachment count can be set, upload-via-Take-photo-only can be Enabled, and attachment requirements can be set |

**Data constraints and Search**

| Item             | Description                                                                                                                                                                                            |
| ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Data constraints | Up to 30 files per Attachment control at a time; the total File Size per upload cannot exceed 8 GB (bounded by the actual Drive max File Size); documents supported for online Preview are up to 20 MB |
| Search boundary  | Search not supported                                                                                                                                                                                   |

#### 6. Signature

This control adds a Signature to the form. On Submit or on change, adding a Signature creates a confirmation step to ensure formality — for scenarios such as letters of commitment.

**Settings interface**

Add a Signature control in the form designer:

<Frame>
  ![Adding a Signature control in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/9734c6c8-1ccc-40be-97d8-7e472409b491.png)
</Frame>

Signature Attribute Settings panel — the signing mode can be selected:

<Frame>
  ![Signature Attribute Settings panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/a0e9dc91-6b01-4834-b1f3-bf2068fe10d0.png)
</Frame>

Signing on mobile:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![How signing looks on mobile](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/4384cd56-1dd5-45a0-a23a-5033e2d8791c.png)
  </Frame>
</div>

**Attribute Settings**

| Attribute    | Description                                                                    |
| ------------ | ------------------------------------------------------------------------------ |
| Signing mode | Two modes are available: reuse the previous Signature, or sign anew every time |

**Data constraints and Search**

| Item             | Description          |
| ---------------- | -------------------- |
| Data constraints | Not applicable       |
| Search boundary  | Search not supported |

#### 7. Contact

Use this control to select a User from the Contacts. Use the Contact control when the owner of a specific item needs to be shown; a Contact on a form can also be set as an approver — for step-by-step instructions, see [How to set a form-internal Contact as the approver](/approval/set-form-contact-approval).

**Settings interface**

Add a Contact control in the form designer:

<Frame>
  ![Adding a Contact control in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/771b8c3d-5229-4a38-9bbd-0c33364ce129.png)
</Frame>

Contact control Attribute Settings panel:

<Frame>
  ![Contact control Attribute Settings panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/c1dbc107-e68b-4254-8b34-5592a142aef8.png)
</Frame>

Picking a Contact from the Contacts on mobile:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![Picking a Contact from the Contacts on mobile](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/57e21045-6a9b-49a0-b620-bee19d110145.png)
  </Frame>
</div>

Contact as it appears on a mobile form:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![How the Contact appears on a mobile form](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/fee201ed-c554-4275-a083-38601dd3fbad.png)
  </Frame>
</div>

**Attribute Settings**

| Attribute                  | Description                                                                                                          |
| -------------------------- | -------------------------------------------------------------------------------------------------------------------- |
| Contact options            | Only one User can be selected by default; can be set to allow selecting multiple Users at once                       |
| Data linkage               | A paid capability. When On, supports filling in Data from other forms according to specific rules                    |
| Formula editor             | A paid capability. When On, supports using formulas to fetch system fields, process Data, and perform logical checks |
| Current Approval initiator | A paid capability. When On, the current form initiator is filled in as the Default                                   |
| Input validation           | A paid capability. When On, supports validating the entered Content against specific rules                           |

**Data constraints and Search**

| Item             | Description                                                                                                        |
| ---------------- | ------------------------------------------------------------------------------------------------------------------ |
| Data constraints | Only Users within the Organization can be selected. When selecting multiple Users, up to 100 Users can be selected |
| Search boundary  | Global fuzzy Search supported; exact filtering not supported                                                       |

#### 8. Department

Supports selecting an already-created Department from the Contacts. Use the Department control when the owning Department for a specific item needs to be shown. The manager or Role corresponding to a Department on a form can be set as an approver — commonly used in role-transfer and handover scenarios.

**Settings interface**

Add a Department control in the form designer:

<Frame>
  ![Adding a Department control in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/484c38b3-0e92-46fa-9d45-1f6d42982dff.png)
</Frame>

Department control Attribute Settings panel:

<Frame>
  ![Department control Attribute Settings panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/b4a2fc76-4afb-4ca7-b3e2-f087e7a22d53.png)
</Frame>

Picking a Department from the Contacts on mobile:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![Picking a Department from the Contacts on mobile](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/e6da6400-fdfa-4615-8b07-93741e5a6972.png)
  </Frame>
</div>

**Attribute Settings**

| Attribute              | Description                                                                                          |
| ---------------------- | ---------------------------------------------------------------------------------------------------- |
| Department options     | Only one Department can be selected by default; can be set to allow selecting multiple Departments   |
| Initiator's Department | A paid capability. When On, the Department of the current form initiator is filled in as the Default |
| Input validation       | A paid capability. When On, supports validating the entered Content against specific rules           |

**Data constraints and Search**

| Item             | Description                                                                                                                            |
| ---------------- | -------------------------------------------------------------------------------------------------------------------------------------- |
| Data constraints | Only Departments within the Organization can be selected. When selecting multiple Departments, up to 1,000 Departments can be selected |
| Search boundary  | Fuzzy Search not supported; exact filtering supported                                                                                  |

#### 9. Current location

Supports capturing the User's current Location. In scenarios such as customer visits, Location info must be captured in real time, and the User can also fine-tune the Location manually.

**Settings interface**

Add a Current location control in the form designer:

<Frame>
  ![Adding a Current location control in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/966fcc30-6747-43ff-b19d-c57d87c0ad0b.png)
</Frame>

Current location Attribute Settings panel:

<Frame>
  ![Current location Attribute Settings panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/45ba1d6b-350b-4dc8-8148-211b9993a3f8.png)
</Frame>

Capturing the current Location on mobile, with fine-tuning supported:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![Capturing the current Location on mobile with fine-tuning supported](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/d464c1e0-745c-45d0-aa1b-d1ce02d98297.png)
  </Frame>
</div>

**Attribute Settings**

| Attribute           | Description                                                                                                                               |
| ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------- |
| Hide sensitive info | Off by default. When On, address information is displayed as \*\*\*\* on the Approval detail Page and must be revealed by tapping to show |

**Data constraints and Search**

| Item             | Description                                                                                                                                                    |
| ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Data constraints | The current address can only be captured via mobile DingTalk. Fine-tuning is only Allowed within a specific range; an Error is raised if the range is exceeded |
| Search boundary  | Fuzzy Search supported                                                                                                                                         |

Desktop Tips prompt the user to scan with mobile DingTalk to capture the current Location:

<Frame>
  ![Desktop Tips prompt to scan with mobile DingTalk to capture the current Location](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/53377162-699c-4394-817e-034d5eb4f21f.png?x-oss-process=image/crop,x_18,y_448,w_487,h_226/ignore-error,1)
</Frame>

Error Tips when fine-tuning exceeds the Allowed range:

<Frame>
  ![Error Tips when fine-tuning exceeds the Allowed range](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/1db1e9d2-015a-4540-8112-41e004e56f5f.png)
</Frame>

#### 10. Calculate Formula

Supports simple arithmetic such as addition, subtraction, multiplication, and division. Use this control in scenarios that need automatic numeric Calculation — such as orders and finance — for example, computing the total price from a unit price and a quantity.

**Settings interface**

Add a Calculate Formula control in the form designer:

<Frame>
  ![Adding a Calculate Formula control in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/833012e5-6905-4811-8087-bca496338005.png)
</Frame>

Edit the Calculate Formula — the four arithmetic operations can be applied to Amount and Numerical controls on the form:

<Frame>
  ![Editing the Calculate Formula](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/a21f7ea6-e547-46cd-a417-800955b3c488.png)
</Frame>

The Calculation result is displayed automatically on a mobile form:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![The Calculation result is displayed automatically on a mobile form](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/2fc9b910-f9b8-4b4a-b534-bdc8199917cb.png)
  </Frame>
</div>

**Attribute Settings**

| Attribute              | Description                                                                                                                                              |
| ---------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Formula                | The four arithmetic operations can be applied to Amount and Numerical controls on the form                                                               |
| Set field as Read-only | Off by default. When set as Read-only, the Calculation result cannot be modified                                                                         |
| Show uppercase         | On by default. The Amount is automatically converted to Chinese uppercase on the form and displayed in gray Font                                         |
| Decimal places         | Empty by default. Once a value is set, decimal precision is validated on form submission, and submission is blocked if the entered Number does not match |
| Linked payment         | Off by default. When On, you can choose to generate a payment order or a receipt order                                                                   |

**Data constraints and Search**

| Item             | Description                                                                         |
| ---------------- | ----------------------------------------------------------------------------------- |
| Data constraints | When the Calculate Formula control is hidden, the Calculation result is not Updated |
| Search boundary  | Fuzzy Search supported                                                              |

#### 11. Associated Approval form

Supports selecting one Record from an Approval form within the Organization — for example, linking a procurement form or a business-trip form from a reimbursement form.

**Settings interface**

Add an Associated Approval form control in the form designer:

<Frame>
  ![Adding an Associated Approval form control in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/5717fef3-9b65-4b1d-ac7b-85ebfcc0444b.png)
</Frame>

Associated Approval form Attribute Settings panel — the Type of the associated Approval form can be specified:

<Frame>
  ![Associated Approval form Attribute Settings panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/91d3db23-e9ad-4dad-97ff-ce3ecee95c6c.png)
</Frame>

Selecting the Approval form to associate on mobile:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![Selecting the Approval form to associate on mobile](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/576e748d-bcaf-4c55-9d9c-22028766f2ce.png)
  </Frame>
</div>

Selecting the Approval form to associate on desktop:

<Frame>
  ![Selecting the Approval form to associate on desktop](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/72b3276c-9314-42dd-a5f1-2bddf75cc6ef.png)
</Frame>

Associated Approval form as it appears on a mobile form:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![How the associated Approval form appears on a mobile form](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/1cf4db87-7da7-4047-a417-bae9ce183bdd.png)
  </Frame>
</div>

**Attribute Settings**

| Attribute                                 | Description                                                                                                                                                                                                                                                                                                                                                       |
| ----------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Specify the associated Approval form Type | Once the Admin has specified an Approval form Type, the Submitter can only associate instances of that specific Template. For example, in a business-trip reimbursement form, this Associated Approval form can be set to the business-trip Approval form. If this Attribute is not set, the Submitter can submit any Approval form they have View Permission for |

**Data constraints and Search**

| Item             | Description                                                                                                                                                                                         |
| ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Data constraints | The Submitter can only submit Data they have permission to view — including Data they approved, initiated, or received. The Approval forms here also include Data forms without an Approval process |
| Search boundary  | Fuzzy Search by Approval form Title supported                                                                                                                                                       |

#### 12. Province/City/District

Supports the User selecting address information — Province/City/District, street, and a free-form detailed address. It is typically used in scenarios where the User must provide address information, helping the User fill in the address quickly and accurately, and avoiding errors or omissions.

**Settings interface**

Add a Province/City/District control in the form designer:

<Frame>
  ![Adding a Province/City/District control in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/5717fef3-9b65-4b1d-ac7b-85ebfcc0444b.png)
</Frame>

Province/City/District Attribute Settings panel — the address format can be selected:

<Frame>
  ![Province/City/District Attribute Settings panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/1db8cf1e-2072-4480-b59a-dfc8258e8ecc.png)
</Frame>

Picking Province/City/District Tier-by-Tier and filling in the detailed address on mobile:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![Picking Province/City/District Tier-by-Tier and filling in the detailed address on mobile](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/65e58a9c-c0d1-4ae5-9fc1-7411cffc6a8e.png)
  </Frame>
</div>

**Attribute Settings**

| Attribute           | Description                                                                                                                                 |
| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
| Format              | Supports Province/City, Province/City/District, or Province/City/District plus street                                                       |
| Data linkage        | A paid capability. When On, supports filling in Data from other forms according to specific rules                                           |
| Hide sensitive info | Off by default. When On, detailed address info is displayed as \*\*\*\* on the Approval detail Page and must be revealed by tapping to show |

With Hide sensitive info On, the detailed address is masked on the Approval detail Page:

<Frame>
  ![With Hide sensitive info On, the detailed address is masked on the Approval detail Page](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/94EZlw5wyzPWqxAY/img/ecb0d117-f83d-45b7-954e-3ee2381ff27d.png?x-oss-process=image/crop,x_0,y_149,w_621,h_122/ignore-error,1)
</Frame>

**Data constraints and Search**

| Item             | Description                                                                                                  |
| ---------------- | ------------------------------------------------------------------------------------------------------------ |
| Data constraints | Data linkage can only link to the same control on another form; the detailed address is up to 500 characters |
| Search boundary  | Fuzzy Search supported                                                                                       |

#### 13. Rating

Pick a number of stars as the Rating. Both 5-star and 10-star scales are supported — for example, satisfaction surveys, experience Feedback, and other scenarios where the User must provide a Rating.

**Settings interface**

Add a Rating control in the form designer:

<Frame>
  ![Adding a Rating control in the form designer](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/5717fef3-9b65-4b1d-ac7b-85ebfcc0444b.png)
</Frame>

Rating control Attribute Settings panel — 5-star or 10-star scale can be selected:

<Frame>
  ![Rating control Attribute Settings panel](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/a5e9c76d-5d3e-4fc3-8253-58c2055b9a53.png)
</Frame>

Tapping stars to rate on mobile:

<div style={{maxWidth:'400px',margin:'16px auto'}}>
  <Frame>
    ![Tapping stars to rate on mobile](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/641eb23f-bde4-4cff-8acb-de61d969eb7e.png)
  </Frame>
</div>

**Attribute Settings**

| Attribute    | Description                        |
| ------------ | ---------------------------------- |
| Rating scale | Supports 5-star and 10-star scales |

Selecting 4 stars shows 4 points on the Approval detail Page:

<Frame>
  ![Selecting 4 stars shows 4 points on the Approval detail Page](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/jP2lRYjZdKDQEO8g/img/bf5de50e-97ef-429e-8659-420955187e8b.png)
</Frame>

**Data constraints and Search**

| Item             | Description                                                                                                                 |
| ---------------- | --------------------------------------------------------------------------------------------------------------------------- |
| Data constraints | When the 5-star scale is set and 4 stars are selected while filling in the form, the Approval detail Page displays 4 points |
| Search boundary  | Search not supported                                                                                                        |

## 2. Related documents

<CardGroup cols={2}>
  <Card title="Option linkage" href="/approval/controls-option-link">
    Set up linked display between single Select options and other controls
  </Card>

  <Card title="Detail control" href="/approval/controls-detail">
    Use the Details/Spreadsheet control to collect multiple Records with the same fields
  </Card>

  <Card title="Process design" href="/approval/admin-process-design">
    Design Approval process Steps and conditional branches
  </Card>

  <Card title="AI controls" href="/approval/ai-controls">
    Use AI controls to improve form-filling and Approval efficiency
  </Card>
</CardGroup>
