# UX/UI Customization

ONEWEB allows both **Pages** and **Smart Forms** to be customized, providing greater flexibility and control over the application’s user experience and visual presentation.

Through customization options available in **Page Designer** and **App Designer**, users can tailor the UI layout, behavior, and styling to meet specific business and usability requirements.

***

#### **Purpose of UX/UI Customization**

UX/UI customization enables teams to:

* Adapt application interfaces to specific use cases
* Improve usability and user experience
* Align application design with branding guidelines
* Optimize layouts for different devices and screen sizes
* Extend default behavior with custom styling or logic

This flexibility ensures that applications built with ONEWEB can evolve beyond default configurations while remaining consistent and maintainable.

***

#### **Customizable Components**

The following components support customization:

* **Pages**\
  Customizable layouts, components, styles, and responsive behavior designed using Page Designer.
* **Smart Forms**\
  Configurable form layouts, field behavior, and responsive display created using App Designer.

Each component offers different customization capabilities depending on its purpose and usage context.

***

#### **Customization Scope**

Customization options may include:

* Layout and alignment control
* Styling through properties or CSS classes
* Responsive behavior adjustments
* Visibility and interaction rules
* Device‑specific UI behavior

The following sections describe the available customization options for **Pages** and **Smart Forms** in detail.

***

#### **Summary**

**UX/UI Customization** in ONEWEB empowers developers and designers to build applications that are both functional and visually aligned with user expectations.

By customizing Pages and Smart Forms, applications can deliver:

* Enhanced user experience
* Flexible and scalable UI designs
* Consistent interaction patterns
* Support for complex business workflows

These capabilities ensure that ONEWEB applications can be tailored to diverse requirements without compromising structure or 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/oneweb-platform-th/building-apps/ui-page-designer/ux-ui-customization.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.