# Page Designer **Page Designer** in ONEWEB is a visual design tool used to create **web pages and mobile application pages** without requiring users to write HTML or possess advanced web‑design skills. It provides a **powerful, feature‑rich, and low‑code environment** that enables developers and designers to build responsive user interfaces quickly and consistently. *** ### Purpose of Page Designer Page Designer is designed to help users: * Build web and mobile pages visually * Design layouts without HTML or CSS coding * Accelerate UI development using reusable components * Ensure consistent layout and alignment across devices * Separate UI design from backend logic This approach allows both technical and non‑technical users to participate in UI development. *** ### Drag‑and‑Drop Design Experience Page Designer uses a **drag‑and‑drop interface** that allows users to: * Select UI components from a palette * Drag components onto the design canvas * Arrange content visually without manual layout coding This makes page creation intuitive and efficient while reducing development errors. *** ### Grid‑Based Layout System Page Designer is built on a **grid‑based layout model**, providing structured and responsive page design. The layout system consists of: * **Containers** – Top‑level layout blocks * **Rows** – Horizontal groupings within containers * **Columns** – Vertical divisions inside rows This structure ensures: * Clean content alignment * Responsive behavior across screen sizes * Predictable layout rendering *** ### Components and Content Within the grid layout, users can add various UI elements such as: * Text fields and labels * Buttons and images * Forms and containers * Custom UI components Each component can be configured visually and bound to data or logic as needed. *** ### Web and Mobile Support Page Designer supports the creation of: * **HTML‑based web pages** * **Mobile application pages** Designs automatically adapt to different screen sizes, allowing a single design to be reused across platforms. *** ### Summary **Page Designer** is a core UI design tool in ONEWEB that enables rapid, consistent, and low‑code creation of web and mobile pages. Key capabilities include: * Visual drag‑and‑drop design * Grid‑based responsive layouts * No requirement for HTML or web‑design expertise * Support for both web and mobile applications Page Designer empowers teams to build modern user experiences efficiently while maintaining consistency and scalability across applications. --- # 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/designer-reference/page-designer.md?ask= ``` 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.