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

    Standalone and embedded versions of form look different

    Asked by cswoodworth on November 05, 2014 at 01:40 PM

    I am using the new form designer and I can't get a form to lay out correctly.  

     

    When I set it up in the designer and preview it, it looks differently than on my website.  

    http://www.jotform.com//?formID=32407331537954#design

    versus

    http://www.billgraysiceplex.com/page/show/790572-never-ever-hockey-league-registration-page

    I want the item titles to line up with the respective text box/check box/etc.  But on the website, it has them stacked on top of each other.

     

    I have tinkered around with all setting and can't get it to work correctly.


    Any suggestions?

     

     

     

    form designer injected css
  • Profile Image
    JotForm Support

    Answered by Mike_T on November 05, 2014 at 02:59 PM

    The Form Designer added some mobile styles to the form, and these styles affect the form due to the form placeholder size. 

    You can try the following in order to fix this.

    1) Copy styles provided on the next link.

    http://code.re/6OX

    2) Replace form 'Injected Custom CSS' with the styles you copied.

    I have removed the following section from original injected styles.

    @media screen and (max-width: 768px) {
    {css-rules-here-removed}
    }

    If you need any further assistance on this, please let us know.