UsefulInfo

This UI component is widely used in the Temenos DigitalOrigination app. It can be used wherever a lot of information must be displayed.

Usage

Here are the steps to set the component in Quantum Visualizer:

1. Open the Temenos DigitalOrigination project in Quantum Visualizer.
2. Drag and drop a Flex Container widget onto the required form.
3. Select the Flex Container and set the following properties:
   • width, left and top as per design requirements
   • height: "preferred"

4. The Breakpoint changes are assigned to the parent Flex container rather than in the component. It is because the position and the width of the component depends on the Flex’s position or layout in the form.

5. Insert the component in the flex and write the following code in the respective form’s onBreakPointChange function.

   this.view.usefulInfo.onBreakpointChange(width);

   Make sure to import row header template and row template along with the component.

APIs