Portlet Factory, Version 6.1.2

 

Creating a theme file

You can create a theme file to provide your own custom look for your application.

A good way to start is finding an existing theme file from which to begin.

  1. Create a new file in one of the following ways.

    • Copy an existing theme file and give it a new name.

      For example, start with the blue.uitheme file and give it the name red.uitheme.

    • In the Theme builder, specify the inputs for the theme and click the Create Theme File button.

  2. Optional: If you copied an existing theme file that extends another theme file, make a copy of the base theme file also.

  3. Create new HTML templates, style sheets, and base pages as needed.

    Note: If you plan to use different themes in different portlets on the same portal page, ensure that your themes use unique style sheet class names. Change all the class style names in the HTML template files and in the corresponding style sheet. Do the same for other base pages and style sheets.

  4. Open the new theme file in a text editor and modify the property values to point to the new resources that you need to use. For example, change references to the gridtable_blue.css file to the gridtable_green.css file for the View & Form builder. 
    <ViewAndForm_ViewPageStyleSheetOverride>
/factory/html_templates/gridtable_red.css
</ViewAndForm_ViewPageStyleSheetOverride>

  5. Set the bowstreet.themeFile property to point to your new theme file.

Parent topic: Themes and user interface control

Library | Support |