Author Profile Image

AUTHOR

Aytekin Tank

Aytekin Tank is founder of JotForm. He currently leads the JotForm development team. He loves to hear from JotForm users. Feel free to shoot him an email at aytekin at jotform.com.

SUBSCRIBE TO OUR NEWSLETTER

Don’t miss out the latest posts!

JotForm Form Designer

Introducing JotForm’s New Form Designer!

The rumors are true. While you were sleeping and resting well, Team JotForm has been working hard, day and night in the last 6 months, to bring you an exciting new feature- the New JotForm Form Designer.


This ambitious project gives our users complete control of their form designs. Our previous form design options were limited to basic sizing, color selection, and font selection.

Current design options, to be phased out

Replacing this is an attractive new WYSIWYG interface where users can design the form however they like.

JotForm’s New Form Designer Example

Using the form designer is simple:

1. Build your form as you always have with JotForm’s world renowned form builder.
2. Click the Form Designer Icon on the Form Style toolbar. (Pictured below)
3. Design your form using the many options in our Form Designer’s intuitive interface.



The major categories include:
Color Scheme. Select from numerous professionally designed themes, or select your own colors.
Background Image. Select both form and page background images.
Form Layout. Establish widths of form and elements, padding, and corner styling.
Font Options. Select font and sizing.
Label Styles. Customize the labels for your form inputs.
Line Layout. Adjust line spacing, along with its vertical/horizontal layout.
That’s just the beginning. Once the basic design and layout of the form is established each field can be selected allowing you to customize it further. Here are the options specific to the text box field, for example:

An Example: Textbox options

The many customization options on the design tab will allow users to set up the basic design of the form and its fields. Sometimes more granular control is needed. For this we provide the CSS interface. Our CSS helper makes it easy for users to find the fields they would like to provide specific styles to. If users want even more control, they can enter any CSS they like.

CSS Helper

The Form Designer marks an exciting new phase in JotForm's Story. Our forms can now readily match any website. Unlimit your imagination: Try the new form designer today!




Author Profile Image

AUTHOR

Aytekin Tank

Aytekin Tank is founder of JotForm. He currently leads the JotForm development team. He loves to hear from JotForm users. Feel free to shoot him an email at aytekin at jotform.com.

Send Comment

30 Comments...

  • choicecomms

    How do we revert back to the template we originally chose to build the form with? The designer is both restrictive and frustrating as you cannot revert back should you dare to play with it.

  • radanza

    Can you export the design to be used with other forms?

  • Chuck

    I have the same problem as brinbro. Doesn't seem to work right. Is this a released product feature?

  • Vinnie

    Aytekin you guys haven't got bought out yet? Lol remember our comments from like 5 years ago?

  • brinbro

    Trying it now - doesn't work and the settings won't save but I see a lot of potential. Will rework a few of my forms once the bugs are worked out!

  • 2livesin1

    LOOKS AMAZING!

    I CAN'T WAIT TO DESIGN SOME NEW JOTFORMS! THANKS JOTFORM TEAM!

  • Nelson_VE

    I like it; great job.

  • bimchk

    It is excellent. I like it. thanks.

  • davcomedia

    Love it guys and very pleased to see it's responsive. Well done!

  • Bigjohn

    Looks easy to use, love it boys...thanks!

  • pvb

    When will this be available and included in my form builder? I don't see the beta as of yet.

  • alamsyahaviano

    Amazing! Thanks JotForm!

  • rajeshprsd

    Pl offer payment gateway integration in Indian currency

  • janicehales

    Excellent good work guys looks so much easier to use especially changing sizes of boxes ...love it
    Well Done

  • PJ_

    This is amazing! Currently, I'm designing my forms in such a way that the background image would complement the static fields.

    It's in beta right now, but I can't wait for the new form design to transition to the current editor. It'll be possible now to create more flat/metro style forms, which I was hoping for some time now.

  • ch_hanlon

    Great work guys. Luv Jotform + use it all over my website. Thank you:

    http://www.christopherhanlon.com

    http://christopherhanlon.com/home.html/CHBESPOKE_TIME_ESTIMATIONS.html

    FYI: I get tolled often by my website users that there is no way to 'CLOSE' the form/page afterwards ie., an 'X' in the right hand corner. Would love it even more if there was an option for all forms of: 1. Make this form a pop-up 2. Add a close 'X' button to the top corner.

  • blakeweber

    How do you add the icons next to the form fields. For example the person icon next to name, and envelope icon next to email.

  • artorrian

    I've been in the internet marketing space for a little over 10 yrs. now and I think JotForm by for is the best out there, However, I would like to see you come up with a way to copy an old Doc, PDF form and convert it somehow, because it time consuming to create a form from scratch. Thanks, Alvin

  • revmark

    changes i've made in the new form designer are not being saved.

  • callips

    EXCELLENT!!!... JUST WHAT THE DOCTOR ORDERED!!... GREAT JOB JOTFORM TEAM... THANK YOU VERY MUCH...

  • sentinel42

    Mobile friendly is great! Well done and thanks.

  • postmeit

    Aytekin. Perfect timing. Solved an issue with a new mobile form straight away!

    Will this be included in Jotform application?

    Thanks

  • hookedupphat

    You guys are a life saver! Forms have always been the bane of my existence.

  • ushine

    Are these forms responsive?

  • Royce Edwards

    It's nice in a very simplistic way. What I still see lacking is a method of creating complex forms with side by side layout.

    For example, think of a contact from with First name and last name text fields, side by side, with a title pulldown at the end of the same line (ex. Sr., Jr).

    How often would you rather see the fields for City, State and Zip Code on the same line rather than as three distinct lines?

    Supporting this, especially with the ability to drag the fields into place, would be amazing.

    I would love to be able to do this http://greatrescue.org/adoption-form/ using JotForm.

  • jvelard1

    Great Job JotForm.... Thanks for everything!!!

  • Chardon

    Excellent!!! You guys are fantastic!!!

  • riffteam

    Beautiful. Fantastic work. Thanks for leading the way and rocking the form design world.

    Now, for my one and only request: css/js transistions. A simple cross-fade between pages on a multipage form would be great. Maybe a simple fade effect for individual elements (onEnter, onFocus).

    Or at least point me to where we can add a css fx lib to our account and expose it in the editor?

    :-)

  • thespanishfactory

    Loving it.

    Please we really need Sage Pay payments.

  • HeatherBarnhill

    I would really love it if you made a way where I can upload a pdf, highlight areas to be filled in by clients and be done. :) honestly it would be so much easier that way and I would love you forever!