What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

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.


  • Profile Image

    Widgets: Custom CSS is duplicated in source code

    Asked 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

    Page URL:
    http://supplyshield.com/request-a-quote-2/

    widgets custom css
  • Profile Image
    JotForm Support

    Answered by Charlie on October 19, 2016 at 01:33 PM

    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.

  • Profile Image

    Answered by supplyshield on October 19, 2016 at 02:46 PM

    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/

     

  • Profile Image
    JotForm Support

    Answered by Mike on October 19, 2016 at 08:45 PM

    Thank you for your report. 

    We were able to reproduce the issue so we have escalated a ticket to our developers.

  • Profile Image
    JotForm Support

    Answered by TitusNdoka on October 26, 2016 at 09:53 AM

    We've fixed the bug. 

    Thank you for taking the time to report it - kindly check on your end and let us know.