Properties view associated with Rich Page Editor

The Properties view that is associated with Rich Page Editor displays specific information for the currently selected tag in a web page. Use the Properties view to edit properties related to the appearance of tags in a web browser. For example, we can change CSS style information, default attribute values, Dojo properties, and jQuery properties, as required.

Use the Properties view to edit JavaScript, HTML, or JSP tags when the Design, Source, or Split view is open in Rich Page Editor. Changes in the Properties view are displayed in Rich Page Editor when you change the cursor focus or press Enter. If we update tags in the Source view of Rich Page Editor, the changes take effect immediately in the Properties view.

Breadcrumb navigation

When we select a node in Rich Page Editor, the Properties view uses a breadcrumb trail to provide context for the selected node:

We can scroll through the breadcrumb trail without losing the position of the cursor in Rich Page Editor. Using this feature, we can quickly update the properties of ancestor elements.

Categorized property pages

The Properties view organizes properties into various categories, including:

Styles

Use to manipulate basic CSS style information (such as an attribute or the class that is associated with it) or various font, color, and alignment properties.

Layout

Use to configure properties that control the layout of the element within the presentation of the page.

All

Use to view all of the attributes for an element, in a tabbed list.

Dojo

Use to configure Dojo-specific properties on certain widgets.

This category applies only to Dojo-enabled projects.

jQuery

Use to configure jQuery-specific properties on certain widgets.

This category applies only to jQuery-enabled projects.

Parent topic: Rich Page Editor