Vahana Academy

Header

Introduction to Header The header is a fundamental element of the user interface (UI) that appears at the top of a page or component. It serves primarily as an identifier for the associated page or component, helping users understand the current context within the application. The header not only plays a critical role in enhancing… Continue reading Header

Application Header

Introduction to Application Header The Application Header is a System Component that remains consistent across the entire application, regardless of the page. Positioned at the top of every screen, it serves as the primary identifier for the application, ensuring a unified and recognizable presence throughout. Users have the ability to customize the Application Header by… Continue reading Application Header

Introduction to System Components

System Components, unlike Components, are designed primarily for display purposes and, in some cases, can include interactive elements, such as clickable links, buttons, etcetera. System Components remain generally same across the page or the entire application. This section allows you to create new System Components, view existing ones, and add various elements as needed. It… Continue reading Introduction to System Components

An Introduction to Inventory

In the vFlow 2.0 module, the Inventory section primarily displays and create the list of different entities category-wise at the app level. The Inventory section contains the following categories: After you click a category (for example, Pages), the middle panel displays a list of different pages that have been added to the app. It also allows… Continue reading An Introduction to Inventory

Page Level Inventory

On the Configurator menu, Inventory is the section that, when a page is created, displays a page-specific set of items that has already been mapped to the related page. Separately reviewing each page during or after its creation simplifies the process of making changes, identifying bugs, and checking mapped elements independently, without overhauling the entire… Continue reading Page Level Inventory

Animation

In the left panel, under Config, you can find the ‘Animation‘ section. This section allows you to apply several animations to enhance the page’s loading appeal. The following table contains an explanation of the available animations and their configurations: Animations Description & Its Configuration Bounce 1. Click the Type list, and then select an animation to… Continue reading Animation

Style

In the left panel of the page, under Config, you’ll find the Style section. In the Style section, you can configure properties related to the page’s background and text’s font. These properties are explained below: Style Description Background Color This property allows you to define the background color of the page. To configure the background… Continue reading Style