This documentation is currently being moved to our new documentation site.

Please view or edit the documentation there, instead.

If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

Styling the Preferences Editor

This article describes how to style a preferences editor created using the Infusion Preferences Framework. This is part of the Tutorial - Creating a Preferences Editor Using the Preferences Framework.


The Preferences Framework includes a number of CSS stylesheets that are used to control the layout and appearance of the interface. These stylesheets should be used as the basis for your styles, even if you choose to override some of the styling to make the interface match your application. All stylesheets are found in src/framework/preferences/css.

FilenameUsed by
PrefsEditor.css
all versions
SeparatedPanelPrefsEditor.css
separated-panel version
SeparatedPanelPrefsEditorFrame.css
the content of the separated panel
FullPrefsEditor.css
all full-page versions
FullNoPreviewPrefsEditor.css
full-page, without preview
FullPreviewPrefsEditor.css
full-page, with preview
ie8.css
pages requiring support in Internet Explorer 8

Back to Tutorial - Creating a Preferences Editor Using the Preferences Framework