Popup
This component is used to display a message or provide a choice to the user to choose from.
This component also has responsive properties of the widgets within the component. You don't need to explicitly assign the breakpoint values in every form for the component.
Usage
Here are the steps to set the component in Quantum Visualizer:
- Open the Temenos DigitalOrigination project in Quantum Visualizer.
- Drag and drop a Flex Container widget onto the required form.
- Select the Flex Container and set the following properties:
- width: "100%"
- left: "0%"
- top: "0%"
- height: "90 Dp"
- Insert the component in the flex and write the following code in the respective form’s onBreakPointChange function.
this.view.popup.onBreakpointChange(width);
APIs
SetLabelValues
Displays the error on the form. Use the following code in the form controller
this.view.popup.SetLabelValues(HeaderKey, DescriptionKey, YesButtonKey, NoButtonKey); /* HeaderKey : Title of the popup. DescriptionKey:Description to be specified YesButtonKey: Yes button text NoButtonKey: No button text
Callbacks
yesCallback
Invoked whenever the user selects the Yes option in the Popup component. Assign the callback in the preShow of the form.
//this has to be written in the preShow of the form this.view.popup.yesCallback = <function to be invoked in form controller>
noCallback
Invoked whenever the user selects the No option in the popup component. Assign the callback in the preShow of the form.
//this has to be written in the preShow of the form this.view.popup.noCallback = <function to be invoked in form controller>
In this topic