Experience
Experience center provides a centralized interface for designing and managing the user experience (UX) of an application. It allows developers to configure pages, layouts, UI components, navigation, and event-driven interactions to create seamless and responsive applications.
Key Features:
- Single Page Application (SPA) Management – Define master layouts and placeholders for efficient navigation.
- Drag-and-Drop UI Builder – Easily design and customize UI elements.
- Event Handling – Configure event-driven interactions for dynamic UI behavior.
- Theming & Customization – Apply global styles and themes for consistent branding.
- Navigation Control – Manage page transitions and route configurations.
Experience Tools
Experience center serves as a hub for managing interfaces, master layouts, and other associated items in the application. It allows the user to view, create, and manage all interfaces, master layouts, and themes in one place. From left menu, user can click Experience to view the following:
- Dashboard
- Explorer Panel
- Properties Panel
Dashboard
Dashboard contains the following information:
- Theme Builder
- Recent Interfaces
- Recent Events
- Recent Master Layouts
This helps the user to access the theme builder and recent items quickly and edit them as required. If a user is accessing the Experience for the first time, an empty screen with "No Interfaces Found" text displays.
Explorer
User can create interfaces and respective items regarding front-end part of an application from explorer panel. The structure of the Explorer panel is as follows:
| Option | Functionality |
|---|---|
| Search | To search the created interfaces, layouts, etc. |
| Interfaces | To create and manage an interface. |
| Master Layouts | To create and manage a master layout. |
| Components | To create and manage a custom component. |
| Subjects | To create and manage subjects. |
| Images | To import and manage images. |
| CSS | To create/import and manage CSS. |
| JS | To create/import and manage custom scripts. |
| SCSS | To create/import and manage SCSS. |
| Fonts | To import and manage fonts. |
| Other Assets | To store and manage additional assets that are required for an application. |
| AppContext | They help maintain application state, enabling seamless data sharing. |
| Themes | To modify or update the theme. |
Properties
When creating or updating interfaces, master layouts, CSS, etc, the properties panel slides up to show the attributes that can be configured for a particular item.
The slide up/down button is used to expand and collapse the properties panel as applicable.