Component missing styles when embedded in Gravity Forms

Beta
#1

Hey @charlie,
I’ve got a weird problem and probably you have an idea how to fix this.
I built a component which I want to use inside a form created with Gravity Forms. To achieve this I copied the component export shortcode into an html block in Gravity Forms. But unfortunately the embedded component has no styles, please see the video attached.
Is this a Gravity Forms problem? Is Gravity Forms sanitizing Cornerstone styles? As you can see in the source code the css classes are different.
Do you have an idea how to fix this?

Thank you and have a nice weekend!

1 Like
#2

I think it has to do with the fact that the shortcode renders under AJAX and the styles aren’t added to the page in that instance. I remember facetwp had a similar issue depending on your scenario. I can look at possibly adding the generated styles to the HTML when AJAX is involved and see that fixes scenarios like this. It might take a bit of time though. Have a great day.

1 Like
#3

It works when ajax is deactivated, thank you very much! I would never have thought of that :see_no_evil:

1 Like