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.

Welcome to the JotForm blog, where you can read about new JotForm features and find helpful online form tips for creating top-notch forms, user case studies, and much more.

Feel free to stay a while, drop a comment or two, laugh at our corny jokes, and make sure to share the articles you like on social media.

SUBSCRIBE TO OUR NEWSLETTER

Don’t miss out the latest posts!

JotForm Form Designer

Introducing JotForm’s New Form Designer!

Share:
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!




30 Comments...

  • 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!

  • thespanishfactory

    Loving it.

    Please we really need Sage Pay payments.

  • 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?

    :-)

  • Chardon

    Excellent!!! You guys are fantastic!!!

  • jvelard1

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

  • 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.

  • ushine

    Are these forms responsive?

  • hookedupphat

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

  • postmeit

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

    Will this be included in Jotform application?

    Thanks

  • sentinel42

    Mobile friendly is great! Well done and thanks.

  • callips

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

  • revmark

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

  • 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

  • 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.

  • 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.

  • 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.

  • janicehales

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

  • rajeshprsd

    Pl offer payment gateway integration in Indian currency

  • alamsyahaviano

    Amazing! Thanks JotForm!

  • pvb

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

  • Bigjohn

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

  • davcomedia

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

  • bimchk

    It is excellent. I like it. thanks.

  • Nelson_VE

    I like it; great job.

  • 2livesin1

    LOOKS AMAZING!

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

  • 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!

  • Vinnie

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

  • Chuck

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

  • radanza

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

  • 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.

Send Comment