Using a Custom CSS File

To Customize an extension components' appearance you can use CSS. This article describes how to add a .css file to your application.

Step-by-Step-Guide

1. Define a custom.css file in the general repository folder (i.e. C:\Users \Analysis-workspace\com.sap.ip.bi.zen\repository\custom.css)

2. Usually, an application is stored in a separate subfolder within the repository folder (i.e. C:\Users \Analysis-workspace\com.sap.ip.bi.zen\repository\Application_1\content.biapp). For an application which has to access the css-styles of custom.css of the general repository it’s necessary to define the custom.css path as shown in the following screenshot.
   

3. For publishing this via SAP BO server it’s necessary to upload the custom.css file into the general repository folder of the SAP BO server.

Related Articles

• Page:
  Line color/ style (linechart)
• Page:
  Modifying the Height of Column Header Bars
• Page:
  Changing the "Hand Symbol" Cursor on Hover
• Page:
  Identifying a component's CSS Class
• Page:
  Hiding a Series' Element Labels