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

    How to edit "Quick Tools" or rebuild them?

    Asked by JumpY2k3 on April 06, 2013 at 07:06 AM


    I want to create a requestform for my website from Germany. In Germany we display adressdata not like in the USA so I can't use the Adress "Quick Tool" to create the correct text boxes for Germany. I need only 3 boxes and 1 dropdown menu to change the country. First Box: Street Adress , 2nd: Postal/ZIP Code , 3rd: City ,  // How I can make a form like this? If I choose three text boxes, the space between them is too much. :(

    And how I can choose three text boxes in one line, I tried it with the "full name" field out of the "Quick tools" but thats not nice to display in the E-Mail transfer to us.

    If you could give me some sourcecode of the available "Quick Tools", I could take a look on it and show you how Germans need to have some fields.

    best regards

  • Profile Image
    JotForm Support

    Answered by EduardoMendez on April 06, 2013 at 09:16 AM

    Hi there, 

    You can make your custom field if you wish.  Here is a sample form with what you have described:


    To position the fields side by side, you use the "Shrink" option.  Here is a guide that can help you with that:


    To change the spacing between the forms, I found the ids for each of the fields using the "Inspect Element" on Google Chrome (You can also look at the source code if you wish).  

    I then injected some CSS (using the IDs I found on the prior step) to make them look the way I wanted.

    You can edit the way teh information is sent to you on the E-mail wizard:

    Hope that helps!

  • Profile Image

    Answered by JumpY2k3 on April 06, 2013 at 12:35 PM


    nice and thanks for your help with this information I will build something new.

    How can I change the space between two rows with which css comand?

  • Profile Image

    Answered by moonzkie on April 06, 2013 at 03:27 PM


    You can just insert padding-left:1px from the code my colleague has suggested you to add.

    Thank you.