Show TOC

Customizing Branding Resources for Portal on DeviceLocate this document in the navigation structure

Context

This procedure describes how to work with the Web Resource Repository to customize the palette.less file that is used for branding your portal on device. We recommend that you modify only the palette.less file. However, it is also possible to modify other resources in the Web Resource Repository, if necessary.

Procedure

  1. In the portal, navigate to Start of the navigation path Content Administration Next navigation step Web Resource Repository End of the navigation path
  2. In the Portal Catalog, navigate to Start of the navigation path Web Resources Next navigation step Application Branding Next navigation step ~com.sap.portal.navigation.mfp.resources End of the navigation path.
  3. Open the active version folder, which is the folder with the highest number.
    Note

    The name of the active version folder of an application is displayed in the Active Version Folder property of the application folder.

  4. In the context menu of the default folder, choose Download Resources .
  5. Extract the ZIP file.
  6. To customize the look and feel of a specific portal theme, rename the default folder to the exact value of the Theme ID , so that the folder ID matches the Theme ID .

    Changes to the contents of the default folder, affect all the portal themes that do not have customized resources.

  7. Customize the palette.less file, as described in Customizing the Color Scheme for Portal On Device .
  8. Compile the palette.less file in the less folder, using a third-party less compiler, such as WinLess.

    The resulting CSS file is generated in the less folder.

  9. Move the generated CSS file into the css folder, overwriting the existing CSS file.
  10. Replace any required images. When you replace an image, the image file must have the same name as the out-of-the-box file. If you change the image file name or the icon size, you must make the same changes in the CSS file.
  11. Compress the folder and all its contents into a ZIP file.
  12. In the Web Resource Repository, in the context menu of the application's active version folder, choose Upload Resources , and browse to upload your ZIP file.

Results

The next time that you start the application, or log off and log on, it will use the customized branding resources.

Next Steps

Working with the Web Resource Repository

Working with Portal Themes

Customizing Application Branding Resources