Css is not working inside custom Widget


Hi All,
I have create a custom widget where I have used smileys to create a Smiley based rating system.
I am using a custom css to create some effects on the Smileys Selected. The css is added to the asset section of the custom widget.
As a Precaution , I added the same css to page asset as well.
When I run the Page in my local Bonita Studio, it works absolutely perfect.

But when i copy the same page to server, the css effects are not working. Everything else looks same.
Without the effect, the page would be useless.

Please suggest what I can do . Am i missing some step like copying the css to a specific location on the server.
Please help, Its urgent.


1 answer

This one is the BEST answer!

Hi Dibyajit, I have done some tests with a simple custom widget but I could not reproduce your issue on Bonita 7.8.3. You can download this .bos if you want to test it on your own.

In the custom widget asset, have you specified a local css?



Submitted by Dibyajit.Roy on Thu, 04/04/2019 - 11:54

Hi Delphine

Thank you for taking the time to look into the issue.I will check out your example.
I was able to resolve my issue. I should have posted the update sooner.

I am using the 7.3.3 version. And the google chrome on the server is also an old version.
What I found out that normal functions like filter: grayscale(100%); does not work on the Old version of chrome. But -webkit-filter: grayscale(100%); works. Hence i just replaced my code and everything is fine now.


Submitted by delphine.coille... on Fri, 04/05/2019 - 10:08

Glad to know that your issue was solved.