YesNoOptionChooser
This component takes the input from the users in the form of Yes or No to a particular question.
This component also contains responsive properties of the widgets within the component. Therefore, 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: "50 Dp"
- Insert the component in the flex and write the following code in the respective forms Controller's onBreakPointChange function.
this.view.YesNoOptionChoser.onBreakpointChange(width);
APIs
setDefaultSkins
Resets the skins and sets the selected value to null.
this.view.YesNoOptionChoser.setDefaultSkins();
setSelectedKey
Sets one of the options as the selected one. Pass a parameter with value Yes or No to the function to set the required value.
this.view.YesNoOptionChoser.setSelectedKey(opt);//here opt is "Yes" or "No"
getSelectedKey
It returns the selected value from the component.
var selKey = this.view.YesNoOptionChoser.getSelectedKey();
setButtonKeys
Allows you to set the value to the buttons. Pass the two i18n values as parameters to this function.
this.view.YesNoOptionChoser.setButtonKeys(yesText,note xt);//both the params are i18n keys
In this topic