Vahana Academy

Copy Data

This task copies the data from a source location to a destination location. The source can be dynamic or static. When you copy the data from a source location to a destination location, the source and destination types include the following: Steps to Configure Property Name Description Mandatory Reference Name The reference name specifies the name… Continue reading Copy Data

Accordion

The “Accordion” element is a content area that can be expanded or collapsed. It contains a vertically placed list of items. In the list, the “Accordion” element can have labels or thumbnails. Each item in the list can be expanded or collapsed to display the content associated with that item. Usage When to use –>… Continue reading Accordion

List

This list displays the items vertically by default. You can also configure the vertical list to display the list items in specific order or priority. Usage When to use When not to use In the application, use the vertical list to display the list of products, exclusive items, states of country, etc. Do not use… Continue reading List

Grid List

The “Grid List” is used to display large amount of tabular data. It is a better choice over tables if you want to display the data from multiple columns. The data grid displays the data uniformly if the schemas and sorting are important for comparison. Usage When to use Provide a data grid in the… Continue reading Grid List

Card

A card can be used to display content related to a single subject. The content can consist of multiple elements of varying types and sizes. Usage When to use When not to use When you want to provide information about a product, selling items, etc. Do not use it when you want to display the… Continue reading Card

Footer

A footer is an additional navigation section for the websites or apps. It can hold links, buttons, company info, copyrights, forms, and many other elements. Footer Configuration The “Footer” element consists of the following properties: UI Configuration For the “Footer” element, you can configure the following UI properties: Tab Property Name Description Mandatory New Default… Continue reading Footer

Header

The “Header” element, which can be referred to as “App Bar”, is a dedicated app bar at top of the app canvas. It is used to display important app-related functions that the user is supposed to access and use frequently. These important functions include branding, top-level navigation (For example: – home page icon, back button),… Continue reading Header

Star Rating

This element allows the user to give his/her feedback in the form of stars (For example: -one star, two stars, etc.). When the rating is given, the selected stars should be highlighted in different colors. Usage When to use Use when a frequent user’s feedback is required.Show evaluation.A quick rating operation on something. Star Rating… Continue reading Star Rating

Date Picker

Definition The “Date Picker” element is a graphical user interface that allows the user to pick the date from the calendar box. For example: – A user selects the date to view the details of the transactions that s/he performed on that specific date. Usage When to use When to use Use date picker in… Continue reading Date Picker

Time Picker

A time picker is a graphical user interface that allows the user to select a time from the calendar box. For example: – You can best-use the time picker element to configure auto alerts and notifications. Usage When to use Use the time picker element:To configure auto-notification and alert.To auto-execute a job.To auto log out… Continue reading Time Picker