Skip to main content

Container component

A container is like a box that holds and organizes things in a neat way on a computer screen. It helps keep everything organized and arranged properly so that users can easily see and interact with the content.

Component Styles tab​

Containers and other components share the same styling options, allowing you to apply various styles to customize their appearance. Explore more about styling by clicking here.

Component Configuration tab​

Within Component Configuration, adjustments specific to the component can be made, offering the flexibility to modify various variables tailored to your needs.

Note

Please, make sure to click on the Update button when you make changes and save it in the Component config. Otherwise, data will not be saved.

Name​

The Name is the title of the component.

Variable​

Every component requires its unique variable to ensure accurate data storage.

img_7.png

When initially adding components, a DefaultVariable is assigned. To modify this variable, click on the "Key," triggering a dropdown menu with alternative options. Opt for "custom" to create and assign your specific variable.

img.png

Action​

To enable components to perform specific actions, it's essential to set appropriate action types:

  • Submit: Saves the data and proceeds.

  • Close: Closes the app and restarts from the beginning.

  • Go Back: Navigates back to the previous node or page.

  • Link: Associates a URL, and clicking on the link opens the specified URL.

  • For the 'link' action type, you can include a URL, and clicking it will open the designated web address.

img_9.png

Config​

A configuration (config) is a flexible object that allows us to store arbitrary data as key-value pairs whenever necessary. These pairs are defined based on specific needs and requirements.

img-1.png

Render expression​

Within Render expressions, you have the capability to articulate specific conditions that define the behavior or appearance of the component.

img_10.png

Node Configuration Tab​

Within Node configuration, you encounter two essential components: Variables and Configurations.

Variables​

Within Node configuration, you can add new variables or modify existing ones, each with specific attributes:

  • Required: When marked, the variable becomes mandatory, and the node won't execute if it remains empty.
  • Main Key: Designates the variable as the main key, where its values should correspond to the next node's number.
  • Name: The variable's identifier, which can be customized to any desired name.
  • Title: Represents the component's title.
  • Default Value: Allows setting a default value for the variable.
  • Validations: Supports various validations, such as email or alphanumeric checks, enhancing data integrity.
Note

At least one variable should be the Main key.

Config​

A configuration (config) is a flexible object that allows us to store arbitrary data as key-value pairs whenever necessary. These pairs are defined based on specific needs and requirements.

img_1.png