# Smart Form Responsive

**Smart Forms** generated using **App Designer (AD)** in ONEWEB are **web‑responsive by default**, enabling proper usability across all types of devices, including **desktop**, **tablet**, and **mobile screens**.

When a Smart Form is created using App Designer, developers do **not need to manually adapt the UI for specific device types**. The App Designer automatically handles layout adjustments and responsiveness based on screen size and display context.

***

#### **Responsive Behavior of Smart Forms**

Smart Forms dynamically adapt their layout to ensure optimal usability on different devices. This includes:

* Automatic adjustment of field layout based on screen size
* Support for both **desktop view** and **mobile view**
* Rearrangement of form elements for smaller screens
* Touch‑friendly interaction on mobile devices
* Consistent field order and functionality across devices

This responsive behavior ensures that users receive a consistent and intuitive experience regardless of how they access the application.

***

#### **Smart Form on Desktop Screen Mode**

On desktop screens, Smart Forms are displayed using wider layouts that efficiently utilize available screen space. Multiple fields may be shown on the same row to improve readability and data entry efficiency.

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FuSdeNYuiwdKGed06lp4N%2F0?alt=media" alt=""><figcaption></figcaption></figure>

***

#### **Smart Form on Mobile Screens**

On mobile devices, Smart Forms automatically adjust to a vertical layout optimized for smaller screens. Fields are stacked for easy scrolling and are designed to support touch‑based interaction.

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FSoehYtm0a3ke12Smvqj5%2F1?alt=media" alt=""><figcaption></figcaption></figure>

***

#### **Summary**

The **Smart Form Responsive** feature in ONEWEB ensures that:

* Smart Forms work seamlessly on all screen sizes
* No additional mobile‑specific configuration is required
* UI consistency is maintained across devices
* Development and maintenance efforts are reduced

By providing built‑in responsiveness, App Designer enables developers to build device‑agnostic forms that align with modern **mobile‑first UX/UI requirements**.


---

# 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/oneweb-platform-th/building-apps/ui-page-designer/mobile-ux-ui/web-responsive/smart-form-responsive.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.