Rearrange Elements

Whenever you start with a template or create a new widget from scratch, you may need to rearrange the elements within the widget. This article will guide you through the process of rearranging elements efficiently.

Rearranging Elements

Use the Elements Tree to rearrange elements in the widget. The Elements Tree provides a hierarchical view of the widget’s structure. It allows you to:

Visualize the widget’s components in a tree format.
Select, expand, or collapse components for easier navigation.
Directly modify components from the tree.

Moving Elements

To move an element:

Click and drag the element to the desired location in the Elements Tree.
The Elements Tree will highlight the drop location, indicating where the element will be placed.
Release the element to finalize its position.

Not all elements can be moved freely. Pages must remain at the top level, and certain elements, such as Daily Bonus, cannot have child elements.

Adding Elements

To add a new element:

Select the parent element and open the context menu.
Choose where to add the new element (above, below, or as a child).
Select the element type from the list.

Removing Elements

To remove an element:

Select the element you want to remove.
Open the context menu and choose the Delete option.

Home Page 🏡

The page at the top of the Elements Tree serves as the home page. It will be displayed when a user opens the / URL or when they access a non-existent page (404 page).

Changing the Home Page

To set a different page as the home page:

Locate the page you want to set as the home page.
Move it to the top of the Elements Tree.

This will designate it as the new home page.