Chapter 14: Property inspectors
The Property inspector is perhaps the most familiar floating panel in the Adobe Dreamweaver
CS3 interface. It is indispensable for defining, reviewing, and changing the name, size,
appearance, and other attributes of the selection as well as for launching internal and external
editors for the selected element.
Dreamweaver has several built-in interfaces for the Property inspector that let you set properties
for many standard HTML tags. Because these built-in inspectors are part of the core
Dreamweaver code, you cannot find corresponding Property inspector files for them in the
Configuration folder. However, custom Property inspector files let you override these built-in
interfaces or create new ones to inspect custom tags. Custom Property inspector files reside in
the Configuration/Inspectors folder inside the Dreamweaver application folder.
The following table lists the files you use to create a Property inspector:
Path
Configuration/Inspectors/
Configuration/Inspectors/
Configuration/Inspectors/
Property inspector files
The Property inspector HTML file must contain a comment (in addition to the doctype
comment) immediately preceding the opening HTML tag, as shown in the following example:
<!-- tag:serverModel:tagNameOrKeyword,priority:1to10,selection:¬
exactOrWithin,hline,vline, serverModel-->
<!DOCTYPE HTML SYSTEM "-//Macromedia//DWExtension layout-engine5.0//pi">
This comment has the following elements:
File
Propertyinspectorname.htm
Propertyinspectorname.js
Tagimagefile.gif
Description
Defines the user interface (UI) of the Property
inspector.
Contains the functions required by the Property
inspector.
Optional file to display in the Property inspector.