Skip to main content

Smart Editor

Customise your application UI with Smart Editor, where you can easily edit and modify all UI changes while having real-time design previews, which helps you make UI more adaptive, responsive, pixel-perfect and accurate and also avoids switching back to your page list to rename or change page by providing you all your necessities right here, while you create your application.

Continue below to know how it helps in customising your UI design and get familiar with Smart Editor.

How does it work?

To open the Smart Editor, select a page from the page list for which you want to customise UI. Click on Configure or select the card.

Example banner

Get familiar with Smart Editor

This section will help you to get the Smart Editor interface and will guide you on how it helps to customise your complete app UI.


1. Layout Tree

Complete hierarchical view of the components identified & generated automatically by DhiWise. Learn more

2. Create Actions

Build dynamic web apps with Navigations, API Integrations, Modals, Social Authentication and much more. Learn more

3. Life-cycle events

Handle life-cycle events starting from useEffect when the component is mounted. Learn more

4. Change Components

Change a component's view type from one to another. Learn more

5. Create Custom Components

Create custom components with desired prop names and remove duplications/ repetitions. Learn more

6. Group/Ungroup

Combine elements into a Row/Column or ungroup them with a few clicks. Learn more

7. Supported devices

Design a responsive web app that looks awesome on all devices with a better experience. Learn more

8. Styles

Visually, define the look and feel of a web page as you want. Learn more

9. Mixins

Write once and reuse groups of CSS properties across the web app. Learn more



Got a question? Ask here.