How to edit "Quick Tools" or rebuild them?

  • Profile Image
    JumpY2k3
    Asked on April 06, 2013 at 07:06 AM

    Hello,

    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
    EduardoMendez
    Answered 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:

    http://form.jotformpro.com/form/30954065469967?

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

    http://www.jotform.com/help/90-Form-Field-Positioning

    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
    JumpY2k3
    Answered on April 06, 2013 at 12:35 PM

    Hello,

    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
    moonzkie
    Answered on April 06, 2013 at 03:27 PM

    Hi,

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

    Thank you.