Skip to Content
2
Former Member
Sep 13, 2013 at 06:35 AM

How to add Custom CSS file?

1100 Views

Hi,

Currently i am working on Design Studio 1.1 SP1 in local mode (i.e. I am not connecting to an SAP BI 4.0 Platform). I want to add a custom CSS file to my application. Below are the steps which i have followed but it does not seem to work:

1. Created .CSS file named ABC.CSS. the content of this file is:

.myPanel{

background:indigo;

}

2. I, then, placed it in the below folder.

C:\Users\<my_windows_user_name>\Analysis-workspace\com.sap.ip.bi.zen\repository\DEMO_2

DEMO_2 is the name of my application.

3. In design studio, I clicked on DEMO_2 in the outline and went to its property box where i wrote ABC.CSS in the Custom CSS option. I had to write this as i did not get any drop down menu.

4. I selected a Text Box in my application and wrote myPanel in the CSS Class option in its property.

5. I executed the application locally.

But i am unable to see the background color in indigo for this text box. The color does not change. If i simply write background:indigo; in the CSS Style option of this text box then the color changes.

Can you please point out the missing step here? or where i am going wrong?

Regards,

Piyush