Example: Depicting Status with the Control Selector 

This example explains how you use the control selector to depict the status of an object, for example, using a green, yellow, or red light. Perform the following steps in the XML Forms Builder:

...

       1.      Create a data schema element in which the values of the selected option should be stored, for example, Status.

       2.      In the form, create a group of radio buttons or a combo box, and define a reference to the data schema element.

If you are using radio buttons, you must define a reference to the data schema element for each individual radio button.

       3.      Create a Caption value for each radio button or each combo box entry. This text is displayed on the form.

If you are using radio buttons, you can place the relevant image next to each radio button to make things clearer.

       4.      Enter a different value for each radio button or combo box entry in the property Value, for example 1, 2 and 3.

This value is written to the data schema element in the XML file. You created this element in step 1.

       5.      On the Show form or RenderListItem form, create a control selector with a reference to the data schema element that you created in step 1 (see Control Selector).

       6.      Create three image or label controls in the tree view of the controls beneath the control selector.

       7.      In the property Condition create each one of the values that you used in step 4 (here, 1, 2 and 3).

You have to select the control in the tree view of the controls in order to create property values.

       8.      Specify the images or texts to be displayed in the properties of the controls:

¡        For image controls, select the image from a KM repository to be displayed in the property Image URL.

¡        For label controls, enter the text to be displayed in the property Caption.