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

    advanced designer work around for creating columns needed - asap

    Asked by pardop1 on August 30, 2016 at 12:47 AM

    I would like to click the columns box in the advanced designer so i can put to fields in a row. The issue is that every time i make i try to make the changes in designer - all the formatting from  my file is lost and i have to go to revision history and start again. Is there a css code to inject that will do the same thing?

    Here's the form

    https://form.jotform.com/62419254722960

    form needs to be up and running in the morning.

    Thanks for your help,

    pam

    designer work creating around
  • Profile Image

    Answered by Irshad on August 30, 2016 at 07:08 AM

    The new Advanced form Designer tool is recently launched, and not available for all the users. So I would suggest you to use the old version of tool, by clicking on the Preferences from tool bar. Can you please explain in more detail how many fields (and which field) you want to put in a row, so I can give you the css code for that.

    You can inject or edit custom css code, according to the below steps:

    1. While editing the form into the form builder, click Preferences from the toolbar

    2. In the Preferences window, go to Form Styles > Custom CSS tab and then insert your CSS Code under Inject Custom CSS Box.

     

    3. Click the "Save Changes" button to save your form. 

     

    I am able to see the width of your Form, is set as 450 px, and because of that it is difficult to put 2 fields in a row. So I would suggest you to increase the width of your Form:

     

    I would also suggest you to check the below guide, regarding form field positioning.

    https://www.jotform.com/help/90-Form-field-positioning

    Thanks.