List Box, Combo Box and DropDown objects allow users to select from a list of items. These objects allow a large number of choices to be displayed in a relatively small space. List Boxes, Combo Boxes and DropDown differ only in how they appear on screen. List Boxes display items in a rectangular window with a scroll bar (if needed). Combo Boxes and DropDown are more compact - displaying only the selected item along with a small button that can be clicked to display the entire list. Other than that, the three objects are created and used in the same manner.

The List Box, Combo Box and DropDown objects corresponds to the <select> and <option> HTML tags.

To create a List Box, Combo Box or DropDown, use the mouse to draw a rectangle where you would like the object to appear. The List Box, Combo Box and DropDown properties can be accessed from the Properties Panel allowing you to define the object’s appearance and behavior.

  • items: use a comma "," to separate the different values the List Box or Combo Box will show to the users. Alternatively you can right-click the object and select "Edit items property..." to edit them line by line. It is even possible to specify an item value that is different from the display text. Just enter both on the same line using a pipe character "|" to separate them. For example: text|value.
  • property-name: this is important if you want to send the data from a Form with a List Box, Combo Box or DropDown to a server. The server script will get the value associated to this property. See Form object for more info.
  • variable: if you want to store the selected data into a variable, just add the variable name using brackets into the variable property (ie: [country]). For more information see Understanding Actions and Variables.

The List Box object corresponds to the <select> HTML tag, and the Combo Box object to the <select size="1"> HTML tag.

DropDown corresponds to a spefically designed <button> HTML tag.