Design Editor

The design editor is where you build the pages of your applet using a visual drag-and-drop interface.

Opening the Design Editor

1. Navigate to your applet.
2. Click the Design tab.

Working with Pages

An applet can have multiple pages. Each page is a canvas where you arrange widgets.

Adding a Page

1. In the design editor, click Add Page.
2. Give the page a name.
3. Start adding widgets to build your layout.

Widgets

Widgets are the building blocks of a page. The admin supports many widget types:

Widget	Description
Text	Rich text content
Menu	Navigation menus linking to other pages or external URLs
Form	Data entry forms (requires Forms plugin)
Files	File gallery or upload area (requires Files plugin)
Image	Display images
Search	Search functionality within the applet
Ecommerce	Product listings and cart (requires Ecommerce plugin)
Embedded Object	Embed external content
User	User profile or login components
Notifications	Notification feed

Adding a Widget

1. Click the Add Widget button on the page.
2. Select the widget type from the list.
3. Configure the widget settings in the panel that appears.
4. Drag the widget to reposition it on the page.

Configuring a Widget

Each widget has its own settings. Click on a widget to open its configuration panel where you can adjust properties like content, layout, and behavior.

Preview

Use the Preview tab to see how your page will look to end users before publishing.

Tips

• Keep pages focused on a single purpose for better user experience.
• Use menu widgets to create navigation between pages.
• Enable the required plugins before adding plugin-dependent widgets (e.g. enable the Forms plugin before adding a Form widget).