User Guide - NetObjects Fusion

Using the CSS Panels
216
Using the CSS Panels
One of the major benefits of NetObjects Fusion 10 is the options for formatting
Web content. Whether you are a small business owner creating your web presence
and prefer using the Text Format Toolbar, or an experienced Web designer that
prefers working with CSS, you will find NetObjects Fusion has just what you need,
no matter what your skill level may be.
The CSS panels from Page View allow you to view and modify inline CSS
properties of the currently selected object.
The three CSS panels within NetObjects Fusion 10 allow you to edit CSS
properties in three different modes, each involving an increased level of expertise
to allow you learn and grow. The three CSS panels from within NetObjects Fusion
10 are:
• CSS Common, which allows CSS formatting in an environment similar to the
Text Properties panel. See “Formatting Text Using the CSS - Common Panel”
on page 217.
• CSS Property Sheet, which allows you to select from the CSS 2.1 property
options available and assign values for the selected object in Page View. See
“Working Directly with CSS Properties” on page 224.
• CSS Code, which allows you to work directly with the content of the CSS rules
applied for the currently selected objects. See “Using the CSS Code Editor” on
page 228.
The CSS panels become active only when an object is selected in Page View.
The CSS panels are by default grouped together. However, you can detach panels
from the group, if you prefer working with each individually. The CSS panels may
be docked at one side of the workspace as a group or separate. To find out more on
how to dock or float the CSS Panels within the workspace, see See “Working with
Panels” on page 929.
You can also resize the panels by dragging their borders, so that the panel meets
your preference.
To open any of the CSS panels:
1. In Page View, from the View menu, select More Panels. The list of available
panels will appear.
2. Select the CSS panel you want to be visible.