JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Widgets: Custom CSS is duplicated in source codeAsked by supplyshield on October 19, 2016 at 11:51 AM
I just noticed this when inspecting my code. There are 2 copies of the stylesheet for the widget's Custom CSS inserted after the table that the widget generates. I dont know if this affects the CSS but I wanted to let you know so its not a factor in troubleshooting
widgets custom css
May I know where you are finding the stylesheets? There are two places where the custom CSS code can be placed, you can placed it directly in the widget settings which affects the style of the widget itself:
Or in the Form Designer Tool where the custom CSS code affects the whole form, this may or may not affect the widget, depending on the widget type and how it was structured.
If you could provide us a screenshot and more details of what stylesheets you are referring to, please do share so that we can better understand it. Aside from custom CSS codes. The form itself and the widget itself do have their own default stylesheets.
I also checked your website page here http://supplyshield.com/request-a-quote-2/, and I see that you have embedded the form using the default script code. Have you tried using the iFrame embed code instead? That should prevent any code or style conflict between your website and your form's resources.
We'll wait for your response.
Hi thanks for the quick responses.
To review, I have inserted custom CSS into both the overall form design as well as an Infinite List Widget.
The double stylesheet I am referring to comes up right before the list item generated by the Infinite List Widget (in this case the product order). It is a duplicate copy of the custom CSS that i injected into the specific widget.
I have attached a screenshot of where it shows up in the code. You can see the first one highlighted with a blue line. If you inspect the page code, you will see they are the same. http://supplyshield.com/request-a-quote-2/
Thank you for your report.
We were able to reproduce the issue so we have escalated a ticket to our developers.
We've fixed the bug.
Thank you for taking the time to report it - kindly check on your end and let us know.