Drop-Down Properties

The Attributes section includes the object name.

Name	Enter a name for the object. This is the name of the object as it will show in field chooser, the Navigation panel and other object lists.

We strongly recommend that each input object is given a suitable and unique name that reflects the data that will be held within it. The object name will, very likely, be referred to when adding behavior and workflow logic as well as when designing reports.

The Behavior section lists possible events on the object that can prompt a behavior to run.

Drop-Down Changes Field Data

This event occurs when an app user changes data in the drop-down object.

Drop-Down Gains Focus

This event occurs when the drop-down object becomes the active field.

Drop-Down Loses Focus

This event occurs when the drop-down object is exited.

Drop-Down is Clicked

This event occurs when an app user clicks on the drop-down object.

This event is different than Drop-Down Gains Focus in that the app user must mouse-click on the object in order for the event to occur and any linked behavior commands to run.

This event will not work on many mobile devices which have different methods of managing drop-downs.

Avoid using this event if mobile devices are likely to be used.

Drop-Down is Shown

This event occurs when the drop-down object is shown.

The settings section includes the caption and value, default selected items, mandatory answer, positioning, tabbing and tool-tip.

Drop-Down Settings
Object	Details	Additional Information
Caption	Click in the Caption column and enter the drop-down option item. Repeat in each row for all the drop-down options needed. Each option in the drop-down list presented to the user will have a caption. The caption is the user-friendly representation of the data value equivalent for that selection.
Value	Enter a text or numeric value to be returned when the option is selected and submitted. Click in the Value column and enter the data value to be associated with that drop-down option. The value can match the caption text if desired. Repeat in each row for all the drop-down options needed.
Selected	Determine which option will be the default option presented in the drop-down list by selecting a check box in this Selected column.
	Click this Add Item button to add a row to the options list.
	Click this Remove Item button to remove a row from the options list.
	Click these Move Item Up and Move Item Down buttons to move options up and down in the options list.
	Click the Add Predefined List button to supply a predefined list that will automatically populate the drop-down. Examples of predefined lists include States, Countries, Canadian Provinces or any list of resources that have been set up on the account.
Autofill	The autofill feature permits compliance with WCAG 2.1	The default value of 'On' will allow the field to auto-populate with frequently used data recorded in the app users browser.
Mandatory
Mandatory Answer	Select the Mandatory Answer check box to make the contents of the object required in order to submit the app instance. You may enter a custom message in the text input below the check box. This message will be displayed if some part of the object has not been completed prior to app submission. Click the ellipses button to display the Edit Mandatory dialog. Use this matrix to make the object mandatory based on conditions of roles and stages.	Marking as Mandatory Checking for Mandatory Fields
Position
Top	Displays the object's location in from the top of the app (in pixels).
Left	Displays the object's location in from the left margin of the app (in pixels).
Width	Shows the width of the object.
Height	Shows the height of the object.	The minimum height is determined by the font size and cannot be less than 10px.
Layer	Indicates the layer number this object occupies. You can drag an object so that it fully or partially covers another object. Depending on the layer number it occupies, it may be positioned underneath another other object.
Tabbing
Tab Index	Indicates the order in the tabbing sequence that this object will be arrived at when the app user is using their Tab key to navigate through the app fields.	Tab Index
Tab Stop	Clear this check box to exclude the object from the tab order altogether.
Tooltip	Enter tooltip text to show to an app user when they hover their mouse over the object.

The Style section contains properties that control the font appearance and theme applied to the object.

Text
Object	Details	Additional Information
	Select the font face for the caption text.	Fonts from the designers local machine will also be available provided the option to Use Custom Font has been selected in the Account Settings, however if the same font is not installed on the users machine then a standard font will be used to display the data.
	Choose the size of the font for the caption text.	Manually enter font sizes smaller than the minimum selectable in the drop-down.
Color	Enter a Hex color code or click on the color box to pick a default color for the caption text.
	Choose the style of the font for the caption text.
Corner Radius	Select a numeric value to represent the curvature of the object's corners. The higher the number, the more curved the the edges of the object will be.
Background
	Enter a Hex color code or click on the color box to pick a background color for the object.
Use App Theme
	Resets the appearance options to the default settings configured on the app's Theme properties.	Applying or Resetting a Theme

The Access section contains properties for field state management.

State
Object	Details	Additional Information
	Choose from Default, Normal, Read-Only, Disabled or Hidden for Drop-Down objects. With field state management, you control access to individual objects on the app. You can prevent individual roles from changing, or even viewing, specific data or areas on the app. See Limiting User Access to App Fields for more information on how to control access to fields.	Adding Workflow The Workflow Diagram Loading the Object States Overview Explanation of State Priority Understanding the Default State
	Click the ellipses button to display the Edit State dialog. Use this option to hide, show or disable objects depending on the user's role and/or the workflow stage.

PerfectApps ® Help Guide