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

    Edit form layout

    Asked by emsketch on December 02, 2013 at 03:28 PM

    I want to edit the HTML of the form layout so it's a two column form. What happened to the free HTML option under power tools? How can I do this?

    layout tools two column two column form
  • Profile Image

    Answered by ralphbrabante on December 02, 2013 at 04:52 PM

    @emsketch

     

    Hi,

    Good Day emsketch I am here to help as far as I know HTML option is already moved under form tools and renamed as Text  field...

    Please see the image below:

     

    I hope this information helps you out.

     

    Cheers!!

  • Profile Image

    Answered by emsketch on December 02, 2013 at 10:26 PM

    That really wasn't what I had in mind. I want to be able to edit the HTML to change the entire layout of the form. For example, I want to put three text fields on one row and two on the next, and so on. I also want to change the padding and margins of the form. Bascially, I need access to the HTML of the form. How do I do this?

  • Profile Image

    Answered by ralphbrabante on December 02, 2013 at 11:01 PM

    @emsketch

    Hi,


    I am sorry I misunderstood your question, well If thats the case as far as I can understand you just need the source code of your form.

    1. Go to your jotform account.

    2. Edit the desired form that you want to modify

    3. Click Setup & Embed

    4. Click Embed Form

    5. Click Source


    6. Copy the code inside the source code:

    7. Paste it on your code editor software ( and begin to modify it)

    8. There, you have your form hard code together with it's scripts and css codes.

    9. you can now begin implementing your advance custom CSS styling if it is not applicable in jotform builder cpanel.

     

    Note: If you apply modifications using this procedure you must embed your codes using this codes to be able to see the updated modified form.

     

    I hope this information helps you out my friend.

     

    Cheers!!

  • Profile Image
    JotForm Founder

    Answered by aytekin on December 03, 2013 at 10:48 AM

    Unfortunately, it is not possible to change the layout of the edit form. We will look into possibility of that in the future.