# Page Customization

A compelling and functional **User Interface (UI)** is critical to the success of any application. To achieve a high level of usability and sophistication, designers often need to introduce **custom behavior, styling, or interaction logic** beyond default components.

Pages and mobile applications developed using **Page Designer** in ONEWEB can be customized to support these advanced UI/UX requirements, allowing applications to deliver richer and more engaging user experiences.

***

#### **Purpose of Page Customization**

Page Customization enables designers and developers to:

* Enhance visual appearance and branding
* Introduce advanced UI interactions
* Improve usability and user engagement
* Extend default component behavior
* Align the UI with specific business workflows

This flexibility allows applications to evolve beyond standard layouts while maintaining consistency and control.

***

#### **Levels of Page Customization**

Page Designer supports customization at **multiple levels**, depending on application needs. Examples include:

* **Styling Customization**\
  Applying custom styles to HTML elements to highlight important content or align with brand design.
* **Element‑Level Customization**\
  Modifying properties, visibility, or layout of individual elements to improve user interaction.
* **Action Customization**\
  Adding custom actions, event handling, or animations to elements to support dynamic behavior.
* **Advanced Interaction**\
  Implementing custom logic to respond to user input or trigger UI changes based on application state.

These options allow pages to remain flexible while adhering to UX best practices.

***

#### **Customization Mechanisms**

Page customization can be achieved using:

* Built‑in properties within Page Designer
* Custom CSS classes for styling control
* Element actions for behavior and interaction
* JavaScript for advanced client‑side logic

By combining these mechanisms, designers can implement both simple visual enhancements and complex interactive features.

***

#### **Summary**

**Page Customization** in ONEWEB empowers teams to craft modern, interactive, and visually refined application interfaces.

Through Page Designer, users can:

* Customize page appearance and layout
* Enhance user interaction and responsiveness
* Introduce custom UI logic and animations
* Support advanced application use cases

This flexibility ensures that ONEWEB applications can meet diverse UX/UI requirements while maintaining performance, consistency, and scalability.


---

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