Banner Error

This component is used to display page level errors or warnings. This type of error display is ideal for server errors and network issues.

Following are the various views of the Banner Error component:

• Desktop & tablet view

  

• Mobile view

  

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. Insert the component in the Flex and write the following code in the respective form Controller's onBreakPointChange function.

   //this is form's onBreakpointChange definition
   onBreakpointChange(event,breakpoint){
     this.view.bannerError.onBreakpointChange(breakpoint); // calling component's OnBreakpointChange
     .
     .
   }

   Show and hide of the parent flex is also handled by the component.

APIs