Drop-Down List

From Wiki openElement
Jump to: navigation, search
Path: Elements / Form / Drop-Down List

Contents

Description

This form element allows website visitors to select one or more predefined options from a drop-down list. With this element, users can cut down on the risks of input and spelling errors by offering set values to choose from.

Example : (No Preset)

Liste deroulante01.png

Add a Drop-Down List Element

Drag-and-Drop the element Drop-Down List from the elements menu anywhere on the page.

Configuration

Dragging and dropping the element onto the page will automatically open the "List Management" configuration window.

Liste deroulante2.png


Add a Row: Add an option to the drop-down list.
Text: The list-item as it should appear on the web page when a visitor clicks on it.
Value: The text to associate with the corresponding list-item when submitting the form (can be different than the text displayed alongside the element on the page).

Liste deroulante3.png: This button allows users to access the List Management configuration window from the editing pane.

Other Properties

These are the properties specific to the Drop-Down List. These properties can be configured from the elements and styles menu -> Properties.

Liste deroulante4.png

Common

  • Filter by Language: Choose whether or not to display the element depending on the language the page is in.
  • Tooltip: Add a tooltip on an element.
  • Name: Give the element an easily identifiable name.
  • Resizing: Change how the element is able to be resized.
    • Auto: The element adapts to the size of its content in height and width.
    • Height Only: The element can only be resized height-wise.
    • Width Only: The element can only be resized width-wise.
    • Height and Width: Element can be resized in height and width to a fixed size of your choice.


Behavior

  • Multiple Choice: Allow the selection of multiple items in the drop-down list.
  • Validation Rules: Configure the validation rules for the form element.
  • Read-Only: Defines the checkbox as read-only (cannot be checked or unchecked by website visitors).


Edit

  • List Items: Opens the List Management configuration menu.


Expert

  • Attribute Name: Users can manually assign the name for this form field element that will appear in the HTML. This name must be unique.

Design and Presets

There are numerous style presets available for this element in the Cloud Library. Presets can be accessed through the Elements and Styles Menu, under the Styles tab, in Style Presets.

To change its appearance, users must override the element's various style zones.

Style liste deroulante2.png Drop-Down List
Default Value:
No style by default

Style liste deroulante6.png List Items
Default Value:
No style by default

Style liste deroulante3.png Error Icon
Default Value:
No style by default

Style liste deroulante5.png Input Field With Error
Default Value:
No style by default.

Personal tools
Namespaces

Variants
Views
Actions
openElement
Community
Toolbox