Using the WebFacing Styles view

The WebFacing Styles view provides a way to manage your classic WebFacing styles. You can use it to Copy, Delete, Rename, Import, and Export styles. You can work with user defined styles (styles that you create or copy from existing styles). Or, you can work with IBM® defined styles (styles that are shipped with the workbench). You cannot manage a Web Site style using the WebFacing Styles view. You must use the Web Site Designer tools to maintain the style. For information on how to use the Web Site Designer tools, see the related topic Using the Web Site Designer style.

Note: To change the style for a WebFacing project, in the WebFacing perspective, right-click your project and select Style > Select Style. To see the directory structure for where a style is stored for your project, select the Navigator tab. In the Navigator view, the path to the styles directory for a project is <project_name>/WebContent/webfacing/styles.

Accessing the WebFacing Styles view

To access the Styles view, select Window > Show View > WebFacing Styles. The view is opened in the WebFacing perspective.

Copying styles

To copy a style, right-click the style and select Copy as. Copy a style when you want to use an existing style as a starting point for creating a new style. You can then modify the new style.

Deleting styles

To delete a style, right-click the style and select Delete. IBM defined styles that are shipped with the workbench cannot be deleted.

Renaming styles

To rename a style, right-click the style and select Rename. IBM defined styles that are shipped with the workbench cannot be renamed.

Importing styles

To import a style from a different directory to the WebFacing styles directory, right-click inside the Styles view and select Import. Ensure that the style you are importing uses the same structure as the IBM defined styles that ship with the workbench. For example, ensure that it contains a chrome directory that includes a .css and PageBuilder.jsp file and that it contains an apparea directory that includes an apparea.css file. Also verify that any images referred to by PageBuilder.jsp or the .css files are in the appropriate directories.

Exporting styles

To export a style, right-click the style and select Export. You can then browse to the directory that you want to export the style to.

Feedback