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

    Creating Form That Looks Like My Mockup

    Asked by JKulp42757 on January 05, 2016 at 10:25 PM

    I'd like to create a form that looks as close as possible to my mockup (shown below)...but I'm unsure on exactly how to do so...any help would be GREATLY appreciated.

     

    creating form creating create a form JotForm uploads height
  • Profile Image
    JotForm Support

    Answered by BJoanna on January 06, 2016 at 05:20 AM

    I have made demo form for you  https://form.jotform.com/60052068098960 

    I would suggest to you to use field label, otherwise your form might be suspended by our phishing system.

    If you want to create some other form this guides can help you: 

    http://www.jotform.com/help/ 

    http://www.jotform.com/help/2-How-to-Create-Your-First-Web-Form 

    http://www.jotform.com/help/328-How-to-Position-Fields-in-JotForm 

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

    You can clone my demo form to your account. Inside of this guide you can find how to Clone an Existing Form from a URL: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

    Hope this will help. Let us know if you need further assistance.

  • Profile Image

    Answered by JKulp42757 on January 06, 2016 at 04:16 PM

    Thanks so much for the provided info, much appreciated!

  • Profile Image

    Answered by JKulp42757 on January 06, 2016 at 04:38 PM

    One thing I would like to do...how could I make that "area of interest" box a dropdown menu? 

    Thanks!!

  • Profile Image
    JotForm Support

    Answered by EltonCris on January 06, 2016 at 11:31 PM

    Just edit your form in the form builder, delete that field and replace it with a dropdown field under Form Tools. Shrink the dropdown field afterwards and position it exactly to where the old field was :)  That's how you replace a field in the form builder. 

    If you need further help, let us know.

  • Profile Image

    Answered by JKulp42757 on January 15, 2016 at 03:19 PM

    Hi Elton, 

    Thanks for the message.


    When I tried that, it didn't keep the field name in the same style as the other field names (word set inside the field box).

     

    Please advise.

    Thanks

  • Profile Image
    JotForm Support

    Answered by Welvin on January 16, 2016 at 03:03 AM

    I think you are referring to the hint example. If so, you can set the Empty Option Text in the dropdown properties:

    If not, let us know and share us your form here.

  • Profile Image

    Answered by JKulp42757 on January 16, 2016 at 01:24 PM

    Here is the form I am referring to:

    https://form.jotform.com/60052068098960

     

    The only thing I want to change, is to make that "area of interest" box a drop down with options. The problem I am having, is that when add a new field to the current form, the name does not sit inside of the box, like all of the current ones do.

    Thanks

  • Profile Image

    Answered by JKulp42757 on January 16, 2016 at 01:29 PM

    The "hint example" did not create the exact same look for me as the other fields, but it's close enough. Thanks!

  • Profile Image
    JotForm Support

    Answered by EltonCris on January 17, 2016 at 12:00 AM

    I cloned that form and made the changes you want. Feel free to clone it back if you like.

    https://form.jotform.com/60159211514951

    With regards to the hint text (empty option) on dropdown, it is indeed not similar to the text fields because it is considered an input text with empty value rather than a hint text. I don't think there's an available solution for this without using javascript.

    Hope this helps!