Dropdown

This control is used when you want to add the values in a drop-down.

Creation of Drop-down

1. Drag and drop the drop-down control to the form.
2. A drop-down customizing window will appear on the form.
3. There are 3 tabs – Add Drop down, Add Data, Add Relationship.
4. Select the Add Drop-down tab and create drop-down name as “Education” and select the add (+) button.
5. Go to the next tab, Add Data, this tab allows to add data to the drop down.
6. Select the Dropdown name from the box.
7. Add items in the Items column and select add (+) button.
8. Once adding, select ok.
9. The values will be added to the field automatically.

Properties

Appearance

BGColor: Choose the background color from the color wheel to be displayed for the timer box

BorderThickness(px): Specify the border thickness value in pixels. The order of the border will be (left, top, right, bottom).

FONT

FontColor: Choose the font color from the color wheel for the text/ value to display.

FontName: You can choose the font name from the drop-down for the text/ value to display.

FontSize: Specify the font size for the text/value to display.

FontStyle:Choose the font style from the drop – down,

1.  Normal
2.  Italic
3.  Oblique

FontWeight: The thickness/ weight of the font can be selected from the drop-down.

GENERAL PROPERTIES

FormName: The name of the form will be displayed here.

TableIndex: Tab index specifies the position to which the cursor has to move when the tab on the keyboard is used.

Type: The type of the control will be displayed here.

INPUTS

ControlName: It displays the default name.

IsMandatory: You can check this box to make this drop-down a mandatory option for the user.

ItemSource: This property gets the data auto- filled from the drop-down customizing window

VariableName: The variable name gets auto filled  from drop-down name.

LAYOUT

HorizontalContentAlignment: Choose the horizontal alignment from the drop-down for the content while displaying.

VerticalContentAlignment: Choose the vertical alignment from the drop-down for the content while displaying.

POSITION (px)

Left : Increasing the count will move the control to the right side. Decreasing the count will move it to the Left side.

Top: Increasing the count will bring the control down and decreasing the count will move the control up.

RELATIONSHIP

Child: This field gets auto filled when the child drop- down is created.

Filter: Choose the filter type either by Key or value from the drop-down

Parent: You can the choose the drop-down name which needs to be created as parent.

SIZE(PX)

Height: You can increase or decrease the height of the box.

Width: You can increase or decrease the width of the box.