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

    CSS Related Issue

    Asked by caustin on October 29, 2015 at 05:35 PM

    Hello,

    I'm having an issue with my form and CSS formatting.  When placing the javascript form into a responsive HTML element, I am having issues with the formatting of our carrier outbound page. It looks like the table header column is extremely wide.  When I fix the CSS with chrome inspector, it works, but I can't seem to translate the change to the form.

    Also, how do I create some space between the button and the bottom of the form?

     

    Can someone help me identify and solve this CSS error?

    Thanks!



    Page URL:
    http://outboundsurvey.readyat.com

    Screenshot
    table create wide thanks
  • Profile Image

    Answered by Shadae on October 29, 2015 at 10:26 PM

    Hi caustin,

    The issue appears to only happen on your webpage where your form has been embedded. The column is adjusted based on the CSS code injected when looking on the direct form:

    It appears that your webpage it causing an conflict and prevents your matrix from displaying correctly. 

    Please embed your form using the iFrame code. iFrame embed code will eliminate most conflicts between your form and webpage allowing your form to display correctly.

    Getting-the-Form-iFrame-Code

    I hope this helps, please inform us if you need further assistance.

  • Profile Image

    Answered by caustin on October 30, 2015 at 11:58 AM

    That actually didn't work either.  I had to embed the full source code and adjust the CSS inline. It worked though.

    The updated test can be found, here:

    http://readyauto.info/templates/outbound/outbound-survey-final.html 

  • Profile Image
    JotForm Support

    Answered by david on October 30, 2015 at 04:08 PM

    Glad to hear that things are now working.  For the source code embed, keep in mind that you would need to update your embed code whenever you make updates to the form in order for the updates to show.