Introduction: Workflow

The workflow module allows you to insert different types of buttons, input cells, output cells, and submit, which can be used to direct you to the specific actions of your choice. Workflow can be used to organize your app; as you can control the shape and designs of buttons and you can have more than one sub-menu inside the module.

This module is the best to use if you want to build any type of App.

Installation

You can install this module in your app in the following places:

  • App's Home Menu ✓
  • App's Side Menu ✕

You can find the module in the workflow category.

workflow

Drag and drop the module into your home to install it.

workflow2

Drag and drop it into your app.

drop

Choose an icon for Android and IOS.

icons

And don't forget to save.

save

Duplicability

This module can only be installed in your home menu.

Main Features

Buttons

Drag and drop a button of your choice into your module to install it.

buttons

And drop it in your home menu.

dropit

You can add up to 3 buttons/cells in each row.

add

Note that some buttons can only be inserted on their own, like the ones below.

insertmenu

Click the button to open its configuration.

configure

You can customize your layout by changing images, and adding text and description.

layout

In the Actions part, you can edit the following:

1.) URL.
2.) Next Menu.
3.) Drag and drop.

actions

1.) URL

You can add a website's URL, or add a link to a specific channel, chat group, or event. Note that this feature can work with channels, chat groups, and events only.

From the side menu, go to channels and click on the channel you want to insert in the button.

channels

Scroll down till you find the invitational links and copy the channel link.

settings

Go back to your workflow, paste the channel link in the URL section, and don't forget to save.

url

Your button now represents this channel, when your app user clicks on it, it'll direct the user to this channel.

2.) Next Menu

The module allows you to add extra menus and use them as action per one button.

Click +Add new screen.

addnewscreen

Make sure to save your current menu.

savemenu

On the side menu in the workflow section, you will find the extra screen you created "MENU2". Click on it and start to insert buttons/cells of your choice.

menu2

This will be the preview of your Homepage.

homepage

Now go back to your first menu, click the button and choose menu2 as your default action, then click save.

nextmenu

Now, when you click on this button, it will direct you to MENU2.

direct

3.) Drag and drop

You can simply drag and drop any module of your choice and set up its configuration, then click save.

module

Input Cells

Drag and drop an Input Cell of your choice into your module to install it. This is where your users provide the required information to be sent to your server, there are three types of cells to choose from.

inputcells

Click the cell to customize its design.

inputcells

You can change the text color.

changetextcolor

Add your cell's title, and click Save when you are done.

title

Output Cells

Drag and drop an Output Cell of your choice into your module to install it. This is where your users receive the desired information sent back by your server, there are three types of cells to choose from.

output

Click the cell to customize its design.

customizeoutput

Choose a Background Color.

backgroundcolor

Choose a color for your text.

textcolor

Insert your cell's title.

celltitle

You can add a Description in the last style.

click Save when you are done.

description

Submit

Drag and drop a Submit button of your choice into your module to install it. This is where your users submit their actions after inserting the required data, giving an order to the server to receive these data.

submit

Click the cell to customize its design.

design

Choose an icon for your button.

icon

Choose a color for your icon.

iconcolor

Choose a color for your text.

textcolor

Choose a color for your cell's border.

border

In these two Submit button styles, you can choose a Background Color.

When you are done click Save.

background color

Note that you can use Input/Output Cells and Submit buttons as an action cell where it can open a module of your choice or goes to the next menu, user action, and don't forget to Save when you are done.

setactions