TABLE OF CONTENTS

• Explorer and Components Panel
• Canvas
• Appearance and Configuration Panel
  
  

The Design editor allows you to design and customize the user interface of your App. It consists of the following areas:

• Explorer and Components Panel
• Canvas
• Appearance and Configuration Panel

Explorer and Components Panel

This panel provides a structured view of your app's Components and offers a selection of Components you can add. 

The Explorer tab provides a hierarchical view of your app's Components, making it easy to locate and manage them. This is where you can also add an additional page or delete it, as well as add or delete a header and a footer that do not change between pages.

The Components  tab is where you can browse and select new Components to add to your App. Components are organized into categories based on their functionality, making it easier to find the specific elements you need. 

Canvas

The Canvas is the area where you design your App's user interface. This is where you can add and position Components, as well as adjust the overall layout of the App. Here you can also add a header and a footer that remain consistent between pages.

Appearance and Configuration Panel

This panel dynamically adjusts based on the Component you have selected, offering tools to customize both the appearance and the configuration. 

The Appearance tab lets you modify visual aspects of the selected elements, including, for example, a header, footer, page, or individual Component.

The Configuration tab provides options to manage the functionality of the selected elements. Depending on the selected Component, this may involve linking data sets, setting up event handlers, defining validation rules, configuring fields and many more. In addition to Components, you can also configure data sets, pages, as well as a header and a footer here.