Using Custom Ui Controls In Extensions; Editable Select Lists - MACROMEDIA DREAMWEAVER MX 2004-EXTENDING DREAMWEAVER Manual

The following examples show the Base Property inspector without the
improves form-control rendering, and then with the
The Base Property inspector as it appears in Design view without the
The Base Property inspector as it appears in Design view with the
adjustments to accommodate the new rendering).

Using custom UI controls in extensions

In addition to the standard HTML form elements, Dreamweaver supports custom controls to
help you create flexible, professional-looking interfaces, as described in the following list:
•
Editable select lists (also known as combo boxes) that let you combine the functionality of a
select list with that of a text box
•
Database controls that facilitate the display of data hierarchies and fields
•
Tree controls that organize information into expandable and collapsible nodes
•
Color button controls that let you add color picker interfaces to your extensions

Editable select lists

Extension UIs often contain pop-up lists that are defined using the
you can make pop-up lists in extensions editable by adding
To set a default value, set the
display.
The following example shows the settings for an editable select list:
<select name="travelOptions" style="width:250px" editable="true"
editText="other (please specify)">
<option value="plane">plane</option>
<option value="car">car</option>
<option value=""bus">bus</option>
</select>
When you use select lists in your extensions, check for the presence and value of the editable
attribute. If no value is present, the select list returns the default value of
that the select list is not editable.
attribute and the value that you want the select list to
editText
DOCTYPE
statement.
DOCTYPE
DOCTYPE
DOCTYPE statement (and after a few
select
editable="true"
false
Using custom UI controls in extensions
statement, which
statement.
tag. In Dreamweaver,
to the tag.
select
, which indicates
55