Selection Input Tile

Overview

Selection Input Tile component is a utility component that provides the UI for single select input fields in a form. The Selection Input Tile is a purely UI component in which a developer can set the values (such as text and height) of the widgets using Quantum Visualizer.

NOTE: The Selection Input Tile component is used inside the Mobile Banking application.

Contracts and Methods

The Selection Input Tile component is a component without contract and does not contains any methods or contracts.

Usage

To use the Selection Input Tile component, follow these steps.

1. From Quantum Visualizer, open the application in the Design view.
2. Under Project Explorer, expand the application name > Forms.
3. Open the form to add the component.
4. Navigate to the Templates tab.
5. Drag and drop the Selection Input Tile component onto the form.
   The component is added to the form.
6. As the Selection Input Tile component is a component without contract, a developer can modify the Label widget properties through the Properties panel in the Quantum Visualizer or the Controller. To set the property from the Controller, follow the steps given below.
   1. Under Project Explorer, expand the application name > Controllers.
   2. Select and open the form controller of the parent of the component.
   3. Set the properties in Controllers as per the requirement. The sample code given below is an example of how to update the text property of a Label widget in a Controller.

      this.view.lblPlaceholder.text = 'Phone Number';