Français

Español

🎉 Home

Voltapp Introduction

CUSTOMIZE A TEMPLATE ⏱

Discover Templates

Create your Airtable

Connect your data

Publish your app

LEARN VOLTAPP ▶️

Discovery of the interface

Nodes

https://www.youtube.com/watch?v=J6y3SJcHe8w

The power and scalability of Voltapp relies on a few concepts to understand when creating an app.

Nodes for everything

Voltapp allows you to create apps in a modular way by combining what we call nodes. Nodes are hyper-customizable elements that make up an app, such as a Text, a Button, a Video, even a connection to an Airtable database.

When you select a node in the project tree, you can edit a whole list of attributes on the right in the inspector to customize it as you like.

In this example, we modify the content of the text and its size by changing the values of its attributes.

The tree structure

Within a project, nodes are organized in a tree structure with the "App" node as the base node. In other words, all nodes are descendants of App and may (or may not) have children themselves.

It is possible to reorganize the tree of nodes using drag n drop.

In this example, we take the child Text node of App and move it into Section to become one of its child nodes.

Adding Nodes

To add a node, you can use the panel nodes accessible from the toolbar. It contains all the nodes available in Voltapp and their descriptions. To add a node you can use the Insert button or simply drag it to the desired location from the toolbar:

Types of nodes

Voltapp offers different types of nodes classified according to a corresponding color code:

• Display & Interface: this category corresponds to a set of visual nodes that display information or media such as images or videos for example
• Formatting: This set of nodes allows you to format the application by defining how the nodes are visually placed in relation to each other through a system of constraints
• Forms & Interactions: these nodes allow to retrieve various information from the user, we will have form elements, but also a QRCode scanner for example
• System: the system nodes propose specific functionalities allowing to define particular behaviors like the management of different screens or dynamic lists for example
• Integrations: this category corresponds to the various APIs and external tools integrated into Voltapp

Note that Voltapp is constantly evolving and new nodes are added regularly. If you are missing a node or have suggestions, please let us know!