Show TOC

Procedure documentationCustomizing Branding Resources for Portal on Device Locate this document in the navigation structure

 

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 Resources Repository, if necessary.

Procedure

  1. In the portal, navigate to   Content Administration   Web Resource Repository  

  2. In the Portal Catalog, navigate to   Web Resources   Application Branding   ~com.sap.portal.navigation.mfp.resources  .

  3. Open the active version folder.

    Typically, the active folder is the version folder that is named with the highest number.

    Note Note

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

    End of the note.

  4. In the context menu of the default folder, choose Download Resources.

    For more information, see Downloading Resources from the Web Resource Repository.

  5. Extract the ZIP file.

  6. To prevent overwriting the default resources, rename the default folder to custom, for example.

    Note Note

    The name of the custom resources folder must be the same as the Theme ID of the default theme used by the portal desktop.

    For more information, see Working with Portal Themes.

    End of the note.

  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 custom folder and all its files into a ZIP file.

  12. In the Web Resource Repository, in the context menu of the active version folder, choose Upload Resources, and browse to upload your ZIP file.

    For more information, see Uploading Resources to the Web Resource Repository.

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