cancel
Showing results for 
Search instead for 
Did you mean: 

Weird behavior with library.css

0 Kudos

Hi all,

I am in the mid of rewriting a new theme for my project.

I was trying to use the existing sap blue crystal theme folder and rewrite the library.css.

In the theme folder, I also found library.less and libray_complete.css.

I spotted some weird behaviours regarding ui5.

1. When I modify the loaded library.css, (i have checked google browser and confirmed the right css is being loaded), the modification does not appear at all!

2. Even if i delete all the css in the theme folder. The project is still able to find library.css and load on the browser. Why is that so?

Is there any form of caching?

And how I should go able modifying the css.

1. Theme Builder doesn't seem to be an option to me since it only provides basic css color modification.

2. I am wishing to reduce the loading time if i use custom css and load them in the <script> in the <head> tag.

What is the most elegant way to change all those CSS of the UI5 controls?

Thanks in advance!

Accepted Solutions (0)

Answers (1)

Answers (1)

Former Member
0 Kudos

Hi Chris,

The browsers caches css and this is why the modifications don't appear.

You should clear the cache of your browser (usually by pressing Crtl + Shift + Delete).

I think that css loading shouldn't be the cause of high loading time, it might be related to narrowing the list of used packages in your index.html e.g.:


data-sap-ui-libs="sap.m,sap.makit,sap.viz,sap.ui.commons"

Hope that helps,

Ran