Stadium
  • Home
  • Academy
  • How it works
    • Designer
    • Application Manager
    • Application users and roles
    • Designing applications
    • User API
  • Features
    • Application
    • Create a Form
    • Embedded Files
    • Events
    • Expression Editor
    • Pages
    • Preview
    • Publish
    • Scripts and Event Handlers
    • Session Variables
    • Settings
    • Styles
    • StyleSheet
    • Templates
    • Types
    • Validations Cheat Sheet
  • Connectors
    • Database Connector
    • File System Connector
    • Web Service Connector
  • Controls
    • Button
    • Chart
    • Checkbox
    • Checkbox List
    • Container
    • Data Grid
    • Date Picker
    • Drop Down
    • Flexbox
    • Grid
    • Image
    • Label
    • Link
    • Menu
    • Panel
    • Radio Button List
    • Repeater
    • Table
    • Text Box
    • Upload File
  • Actions
    • Async
    • Call Web Service
    • Decision (If/Else)
    • Display Message Box
    • Download File
    • For Each
    • Java Script
    • Navigate To Page
    • Notification
    • Set Value
    • Variable
    • While
  • Release Notes
    • 6.12.3272
    • 6.12.3270
    • 6.12.3268
    • 6.12.3264
    • 6.11.3223
    • 6.11.3221
    • 6.11.3220
    • 6.11.3218
    • 6.11.3210
    • 6.10.3155
    • 6.10.3151
    • 6.9.3102
    • 6.8.3100
    • 6.7.3096
    • 6.6.3082
    • 6.6.3081
    • 6.6.3080
    • 6.6.3075
    • 6.5.3055
    • 6.4.3036
    • 6.4.3034
    • 6.4.3033
    • 6.3.3019
    • 6.2.2999
    • 6.2.3001
    • 6.1.2990
    • 6.0.2972
    • 6.0.2970
    • 6.0.2969
Powered by GitBook
On this page
  • Properties
  • Assigning data to a DropDown
  • Retrieving data from a DropDown
  • Events

Was this helpful?

  1. Controls

Drop Down

PreviousDate PickerNextFlexbox

Last updated 8 months ago

Was this helpful?

A drop-down control renders to a standard HTML <select /> tag containing <option /> tags. You can populate the drop-down from a data source or define a static list.



Properties

  1. Options

  2. Hint

    Some placeholder text that will show when the drop down is empty. This value is not saved if no other value is entered.

  3. Read-Only

    Set to True if you want the control to display as read-only (value can't be changed) on the page.

  4. Selected Value

    This value will be shown in the drop down when the field loads.

  5. Validations

    Some validations that can be applied to the drop-down.

  6. Visible

    Set to False if you don't want this control to render on the page and be visible to the user.


Assigning data to a DropDown

Example:

To display a DropDown list containing option values retrieved by a SQL query:


Retrieving data from a DropDown

Properties that can contain data:

  • Options (Value)


Events

  1. Change

    An event that triggers when another option in the dropdown is selected.

    Event Input Parameters:

    1. PreviousOption The Text and Value of the option that was selected before selecting the option.

    2. SelectedOption The Text and Value of the newly selected option.

Specify a list of options to display in the control. It can be generated from a static list or from data. When populating the Options from a or file, use the Field Mapping Editor found in the Property Grid (seen circled in red below) to assign the Text and the Value of the items.

Use an appropriate , e.g. Load (page) or Click (button) to which a action can be added.

Add a action that populates the DropDown options with each returned value.

Use an to capture the values from the control. Go here for more details on how to collect data from controls.

Event
SetValue
SetValue
action
Connector
Add a Drop Down