# Multiple Tab Forms (General Tab)

When Smart Forms grow in complexity, a single tab may no longer be sufficient to present all required information clearly.\
For these scenarios, ONEWEB provides the **Two‑Layer Tab (2‑Layer Tab)** configuration, commonly referred to as **Multiple Tab Forms** or **General Tab forms**.

The 2‑Layer Tab pattern is designed to organize large or complex forms into **multiple upper and lower tab levels**, improving usability and reducing cognitive overload for users.

***

#### Two‑Layer Tab (Multi‑Level Form)

A **2‑Layer Tab** structure divides a Smart Form into:

* **Top‑level (General) tabs** for major functional areas
* **Second‑level tabs** within each top‑level tab for more detailed grouping

This pattern allows long or complex forms to be split into **logical sections across multiple pages**, while still keeping related data grouped together.

***

#### When to Use a Two‑Layer Tab

Use a **2‑Layer Tab** configuration when:

* The form contains **a large number of fields or modules**
* Business data naturally falls into **multiple categories**
* Users should complete the form **section by section**
* A single‑page layout would feel overwhelming or cluttered

Typical use cases include:

* Enterprise master data forms
* Transaction forms with header, detail, and supplementary sections
* Applications that combine **1‑1 and 1‑Many modules** across different functional areas

***

#### Example: Two‑Layer Tab Layout

Below is an example of a Smart Form designed using a **2‑Layer Tab** structure, showing both upper‑level and lower‑level tabs to organize complex data:

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2F84xnMDGXIM8zh37iPqac%2Fimage.png?alt=media&#x26;token=fa333048-e6f5-464d-81bb-e09ff085ef08" alt=""><figcaption></figcaption></figure>

***

{% hint style="info" %}
**Note:** For a complete list of configuration properties and advanced settings, refer to the **2‑Layer Tab** section in the\
<https://docs.oneweb.tech/oneweb/reference/app-designer-reference.>
{% endhint %}

***

#### Design Perspective

Within **Smart Form design best practices**:

* Use **2‑Layer Tabs** only when necessary to manage complexity
* Keep top‑level tabs focused on major business domains
* Avoid excessive nesting that can confuse users
* Combine tabs with clear module grouping for readability

When used correctly, Multiple Tab Forms provide structure and clarity without sacrificing usability.


---

# 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/smart-form-patterns/multiple-tab-forms-general-tab.md?ask=<question>
```

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.