App designer components

The App Designer is the core of the platform that enables a user to design and configure the modules of the app that the user needs.

Add an App

To get to the app designer, you need to add an app first. Go to your dashboard by visiting your Workplace (<yourcompany>.clappia.com) and click on the “New App” button.

Provide name, description, app icon and app color of your app. On clicking “Create App”, you should land on the App Designer screen.

Components of the App Designer

Designer Area

This is the area in which you need to add your modules. The final app will look very similar to whatever components are added in this area.

Section

A section wraps a group of software modules. You can add multiple blocks inside a section and have logic implemented on all of them together. This also helps as a group identifier for the end-users.

Right Panel

A right panel provides the configuration options for any component selected in the left designer area. In the example given below, the section details can be changed by clicking it on the left.

You can also clone or delete a module from the right panel.

New Section Buttons

Any new section can be added by clicking on the “Add Section” buttons.

First Module Button

This is the button that you need to click to add the first module in a section.

Next Module Button

Module Selector

On clicking the + buttons for new modules, you should see a popup of different modules that can be selected as per the need. mo

Module Variables

Every time you configure a module, a variable name is automatically generated. This variable can be used to add calculation and logic in your app. This is very similar to Excel cell reference. You can use the same Excel formula syntax to refer a module and add calculation and logic.

Next: Add and Configure an App