Info Popup
Overview
The Information Popup component is a utility component that displays information when the info icon is clicked or tapped. A developer can customize the Information Popup component in any of the following UI variations.
- Modal Popup and Non-Modal Popup.
- Popup with a title, description, and a Close button.
- Popup with a title, description of all the options available to the user, and the Close button.
- If the Popup must render more description, then the Popup is displayed with an internal scroll.
NOTE: The Info Popup Component is used inside the Mobile Banking application.
Info Popup Contracts
The Info Popup component contains the following contracts.
setData Method
This method is used to set the data to be displayed when the info icon of the component is clicked. The Info Popup component can display data with or without a Segment widget. When a Segment widget is used the Info Popup displays a set of titles and descriptions based on the values set using this method.
closeCallback Event
This event is triggered when the user clicks the Close button in the Info Pop-up component. When the user clicks the Close button, the function callback set using the context data (closeCallback key) in the setData method is invoked.
| Parameter | Value |
|---|---|
| Input parameter |
NA |
|
Sample Code |
this.closeCallback(); |
|
Return Type |
None |
In this topic