Show TOC

Procedure documentationCreating and Editing Custom Themes Locate this document in the navigation structure

 

In the Theme editor you can develop one or more themes for your portal users. Your own themes are always based on one of the templates provided by SAP. You can change the templates to meet your requirements, for example by changing the background color or swapping images and logos.

Note Note

The portal locking mechanism does not work for portal themes. This means that two administrators could edit the same theme at the same time. You can, however, prevent this with delegated administration and the assignment of permissions.

End of the note.

Prerequisites

You have the relevant permissions to view and edit themes

Procedure

Before creating your own theme, select one of the templates provided by SAP and look at the predefined properties to see what you want to change.

  1. Choose   System Administration   Portal Display   Theme Editor  .

  2. Choose the relevant theme.

  3. On the left side of the screen, select a user interface theme element, for example Portal Tool Area.

    The various parameters that define this user interface element appear in the lower part of the screen.

  4. Hover over a parameter name.

    In the Preview area, a red box marks the area influenced by this parameter.

    Note Note

    If you experience problems seeing the preview, check the nonProxyHost settings. For more information, see Checking the nonProxyHost Settings for the Theme Editor.

    End of the note.

You create your own themes by changing the values of individual style parameters of an existing SAP template and saving the template under a new name.

Note Note

You cannot edit the delivered SAP templates. They are only displayed as read-only in the Theme editor.

End of the note.

  1. Open a theme in the Theme editor and edit the relevant parameters.

    Recommendation Recommendation

    Choose the Options link next to the input fields, where available. This opens a dialog box where you can select valid values for the current parameter.

    Note that you only see the effects of a change when you either press ENTER or choose another input field.

    End of the recommendation.

  2. Choose Save As to save the template.

  3. Provide the following:

    • Theme name

    • Theme ID

    • In the Folder ID dropdown list, select the folder in the Portal Catalog where you would like to store the theme. The   Portal Content   Themes   folder appears by default. Folders that you have created also appear in the list.

After saving the theme, you can access your themes from the selection screen of the Theme editor under My Themes.

Using the Theme Editor in Mozilla FireFox

Note that the following Theme editor functions are not available in Mozilla FireFox:

  • The undo, redo, and reset functions are not available.

  • The Options link, located next to the input fields for the parameter values, is not available.

  • Modifications to themes are not updated in the preview automatically. To preview modifications, you must update the preview manually.

Note Note

You can find additional information about restrictions when working in Mozilla FireFox in SAP Note 960549.

End of the note.

Recommendation Recommendation

We recommend that you modify the theme in Microsoft Internet Explorer where possible. Use Mozilla FireFox mainly to check, and if necessary adjust, any theme changes you make.

End of the recommendation.