Using Style Sheets with Custom Components

You can customize the appearance of many NOF Custom Component design elements. In component dialogs that offer a CSS drop-down list, you can apply custom styles to specific page elements. To use custom CSS classes definitions, you must add the CSS classes in NetObjects Fusion’s HTML source. More than one CSS name can be added and stored in the CSS drop-down box, but only the selected CSS will be active.

To add a CSS styles to a NOF Custom Component.

  1. In Page view, click an area in the page Layout.

  2. Click the HTML button on the Layout Properties palette.

The Page HTML dialog box appears.

 

  1. In the Page HTML dialog box, click the Between Head Tags tab.

  2. In the HTML text box, type <Style>.

  3. Click Insert File and locate the CSS file you want to use.

  4. Type </Style> in the tab.

  5. Click OK to close the Page HTML dialog box.

When you add the CSS style in NetObjects Fusion’s Page HTML dialog, the CSS definition can be referenced in the Custom Component CSS drop-down menus.