Vahana Academy

Switch

Definition A switch is used to quickly switch between two possible states. It is commonly used for “on/off” states. Usage When to use If you need to represent the switching between two states or on-off states. Switch Configuration For the “Switch” element, you can configure the following UI properties: UI Configuration Tab Property Name Description… Continue reading Switch

Radio

The radio buttons represent a group of mutually exclusive options. In the group of radio buttons/mutually exclusive options, the user can select only one option.  Usage When to use When not to use When you have a very few options to display on the screen and want the user to select one of them. Radio button… Continue reading Radio

Multi Select Dropdown

The “Multi Select Dropdown” element allows the user to select more than one value from the list of available options. To enable the user to select multiple values, the dropdown list displays a checkbox with each of the options. Usage When to use Use Multi Select dropdown element when you allow the user to select… Continue reading Multi Select Dropdown

FAB (Floating Action Button)

The floating action button is used to access the most common functionalities or actions on the screen. It appears as a circular shape icon by default. Usage When to use When not to use Use the FAB if it is suitable to present the primary functions of the current screen. Only include most primary functions… Continue reading FAB (Floating Action Button)

vDesigner Dashboard (UI block’s placement and auto-creation feature)

The vDesigner module is based on the concepts of Flutter. Designing UI on canvas is broadly managed by the two following aspects: Auto placement After you drop the element on the canvas, the element is placed at the top left of the page.   Accordingly, the user can see the guides (green for all possibilities, yellow for… Continue reading vDesigner Dashboard (UI block’s placement and auto-creation feature)

Call

When the call task executes, it automatically opens the dialer pad screen of the device with the given number. While configuring this task, the vDesigner application provides you the two following options to display the phone number: Steps to Configure Property Name Description Mandatory Reference Name The reference name specifies the name of the task.… Continue reading Call

Navigate

The “Navigate” task allows you to configure the end-user’s journey. In the journey, you can define the navigation between the screens within your app. You can define the navigation between two or more screen by using the following launch mode: Steps to Configure Box/List Description Mandatory Reference Name In this box, enter the name of… Continue reading Navigate

Open Message

When this task executes, it opens the messaging based app along with the mobile numbers and the message. The app user can send the message to the mobile numbers that the messaging app displays on the screen. Steps to Configure List/Box Description Mandatory Reference Name In this box, enter the name of the task. Also… Continue reading Open Message

Open Camera

When this task executes, it opens a camera to capture the media. This task can be implemented in those apps where the user needs to capture the media (image or video) frequently. Steps to Configure List/Box  Description Mandatory Reference Name In this box, enter the name of the task. Also, the system generates a reference… Continue reading Open Camera

Exit App

After this task executes, the end-user exits the current session of the application. Steps to Configure List/Box Description Mandatory Reference Name In this box, enter the name of the task. Also, the system generates a reference name by default that you can change.  Yes Business Rule(Optional Step) In this box, you can configure a business… Continue reading Exit App