Specifications

User Interfaces for Extensions 33
In addition to letting you make extension UIs more closely match the built-in dialog boxes and
panels, the new
DOCTYPE statements also let you view your extensions in the Dreamweaver Design
view as they appear when viewed by users.
The Base Property inspector as it appears in Design view without the
DOCTYPE statement.
The Base Property inspector as it appears in Design view with the
DOCTYPE statement (and after a few
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
<select> tag. In
Dreamweaver, pop-up lists in extensions can be made editable by adding
editable="true" to
the
<select> tag. To set a default value, set the editText attribute and the value that you want
the select list to display.