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

    When I embed my form in website, it won't line up on the left with my other content.

    Asked by mariebradshaw on May 13, 2013 at 04:53 PM

    I can't get my forms to line up on the left with all of our other website content. Is there a setting I can change to get it to line up?

    Screenshot
    content My Forms
  • Profile Image

    Answered by sidharth_kch on May 13, 2013 at 05:15 PM

    @mariebradshaw

    Please inject the following custom css to left align your form:

    .form-all{float:left;}

    Follow this guide: How to Inject Custom CSS Codes

    Let us know if this solves your issue.

    Thanks,

    Sidharth

  • Profile Image

    Answered by mariebradshaw on May 14, 2013 at 12:14 PM

    So I inserted that cutom css on one of my forms to make sure it works. Now I have a whole other problem, when I inserted the code and then saved the form, the form that's embedded in my website disappeared. When I removed the custom css and re-saved, my form was back. Why would this cause my form to completely disappear when embedded?

  • Profile Image

    Answered by jefreylandicho on May 14, 2013 at 12:27 PM

    Can you please provide us the URL/link to your webpage where you have embedded the form so we may further investigate the issue?

  • Profile Image

    Answered by mariebradshaw on May 14, 2013 at 01:53 PM

    Yes,

     

    It is embedded here: http://lesolson.digitaltrike.com/support/service-request/

    Here is the link to the form itself: http://form.jotformpro.com/form/23376721454960

  • Profile Image
    JotForm Support

    Answered by KadeJM on May 14, 2013 at 03:00 PM

    After looking at your website I think that blank form issue may have been the result of the CSS Code possibly floating your form to the far left outside of the Content Wrapper it is currently embedded in.

    Perhaps we can try to configure this more to your request. However, I am slightly confused as to what you want it to line up with other then the Context Menu to the left which may become a bit of a task since it would require further time and customization to try to match it up appropriately.

    Before we do that though, just to make sure we are on the same page as you I've made an Image as a Reference Example. Can you please confirm that this is what you are trying to do with your form. Are you trying to line up the form fields with the labels to the left inside of the red lines to match up so that it's more uniform looking or?

     

  • Profile Image

    Answered by mariebradshaw on May 15, 2013 at 10:56 AM

    I'm not sure where that screen shot came from but that's not the correct form. That isn't a jotform, that's a form we had built. When I click the link I gave you, I get the correct form so I'm not sure what happened. Maybe try again. I want to line up the form with the title at the top of the page.

    http://lesolson.digitaltrike.com/support/service-request/

     

    Here's another form I'm having a problem with:

    http://lesolson.digitaltrike.com/contact/leave-feedback/

     

    And another

    http://lesolson.digitaltrike.com/contact/supply-request/

     

    Again, the forms we had built my our web developers (the form from the image you attached) are fine, it's just the ones created through Jotform.

  • Profile Image

    Answered by mariebradshaw on May 15, 2013 at 11:04 AM

    I know what the problem is. That is a form that people have to fill out on the website to gain access to some of our value-added services. The website is still under development and I don't think that's a feature we'll keep but for now, if you just fill out the form, it will take you to the page that I'm talking about.

  • Profile Image

    Answered by jefreylandicho on May 15, 2013 at 11:31 AM

    In your Form style Custom CSS , Please inject the CSS code below

    .form-all { margin: 0px !important; }

    .form-line { padding-left: 0px !important; }

    Please let us know if the issue still persist.

  • Profile Image

    Answered by mariebradshaw on May 15, 2013 at 12:41 PM

    Problem solved. Thank you.

     

    This is the code that I was given at first that didn't work: .form-all{float:left;}

     

    The code you provided worked great!

  • Profile Image

    Answered by jefreylandicho on May 15, 2013 at 12:47 PM

    We are glad to hear that the issue has been resolved. Please contact us if you need our assistance again.