NextGen UI Components Overview

The NextGen UI components are reusable components created using the Component 2.0 architecture of Quantum Visualizer. These components facilitate the usage of components across user journeys (features) of a microapp to deliver the end-to-end user experience. They are also configurable according to the context of the consuming functions or features.

NOTE: The NextGen UI components are available for the Mobile native channel only.

 

NOTE: For information on features added in different releases, refer Revision History.

The apps are customized for the clients based on their business requirements. While the apps can be customized rapidly, Temenos Infinity keeps looking for ways to improve the ship-to-market timelines.

Infinity Components

Infinity Components are the building blocks of the digital banking application. Infinity Components are a group of properties, events, and methods (contracts) with pre-configured functionality that developers can customize based on their business requirements. These components also come with pre-defined UI design. Developers can also customize the UI using the contracts. These are self-contained entities that represent a business module such as accounts, transaction details, beneficiary management and login. Infinity Component support dynamic and responsive user interfaces across multiple channels – mobile, tablets, and desktops.

These are components with contracts, that control what is exposed to users of the component. Only the properties, events, and methods are exposed to the implementation partners, enhancing the ability to rapidly customize and implement Infinity for different clients.

Components bring down the development hours spent on customizing screens.

A Component Contract consists of four parts.

• Properties: Properties are used to define the behavior of the component and its user interface.
• Methods: Methods are used on a form or in other components to interact with the component.
• Events: Events are generated on a component and can be customized by the implementation teams to define the business logic and to program what happens in such events.
• Context: Context contains contextual object passed to the component.

Benefits to the implementation partners with components

• Zero to minimal code change: During implementation, components enable the developers to configure the required customizations, through the exposed properties, with zero/ minimal code changes
• Easy upgrades: Components has predefined user experience templates. It enables clients to pick an experience from the predefined templates rather than defining a new UX which might break the upgradability of the app. There by reducing the implementation cost & also preserves the easy upgradability of the app

The sub-sections in this guide will provide more details on Components and how to use them.