Introduction to the App Editor

If you haven’t been familiar with the App Editor, this article will introduce you to the Inspect tab and the Create tab. You’ll also learn about Event handlers and Components. Creating a new app is easy, and it’s recommended that you start by creating a single project. Once you have an app definition, you can add content, add features, and configure the app’s look and feel. You can also import an app from a file, which opens a dialog. You can define the import process here, and link groups and users.

Inspect tab

The Inspect tab in the app editor is a developer’s tool that gives you access to various tools to test and debug your web pages. It is also useful for debugging and researching hidden keywords. The interface of the Inspect tab in the app editor looks much like the desktop version of the tool. It displays open tabs that each show a different web page with their own developer tools. Tap the tabs to switch to them. You can also double-click any of them to bring up another window that lets you view all the tools.

The Inspect panel displays information on the currently selected layer and parent component. It allows you to copy individual values and entire sets of related properties. If you need to edit a single line, or you want to make several changes at the same time, you can use the preview pane to preview the affected code. To perform a quick fix, you can click the “Edit” button. The preview pane is similar to the normal editor, but it contains the code and allows you to modify the value.

Create tab

To create a tab in an application, click the Add menu and select New > Tab. Then, enter the tab’s title and associated icon. The tab can be associated with an icon in your app’s icon gallery. A tab can open another page within the app. You can even add custom HTML to the title. After creating the tab, you can also customize its style. If you want to make a tab with a different look, you can choose a different icon for the tab.

First, you need to enter a tab name. The name must be unique and contain alphanumeric characters or underscores. Also, make sure to give the name a localized label. You can also use form scripts to toggle the state of the tab. You can create up to three columns and set the width as a percentage of the entire app width. You can even enable the preview mode to preview the tabs.

Event handlers

The app editor provides a mechanism to create and edit event handlers. You can copy, edit and delete them. You can also attach multiple event handlers to a document object or a resource document object. To attach multiple event handlers to a document object, select its name in the Select Event Handler dialog. Then, click OK. A confirmation dialog will be displayed. In this way, you can create as many event handlers as you need.

To create an event handler, you must associate a layout with an object. It must be a document object or a resource document object (RDO). When a user interacts with a layout, it triggers an event handler that validates the user’s response and runs across all associated layouts. You can also assign event handlers to widgets. You can add event handlers to widgets by following the procedure described below.


In the app editor, you can see the Components you’ve added. You can also view all the components in the project and their properties. You can see which one belongs to which section by clicking on its header. There are several ways to access the Components list, but there are some important things you should know about each one. Here are some tips for working with them. If you’re having trouble determining which components you need, try looking at the project as a whole.

The Explorer tab contains the components in your app and allows you to view the code inside them. You can view the components in the Components tree or view all of the components in a container. You can select not-visible components using the toolbar. Selecting components from the Explorer tab switches the container view to active. Among the components in the container, the Database browser and the Queries tabs help you interact with the resources connected to your app.