Author

Profile Image 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.




Introducing JotForm’s New Form Designer!

October 15, 2014
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.

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 (October 15, 2014 at 12:00 PM)

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 (October 15, 2014 at 12:02 PM)

Loving it.

Please we really need Sage Pay payments.


   
riffteam (October 15, 2014 at 12:48 PM)

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?

:-)

View Answer


   
Chardon (October 15, 2014 at 01:10 PM)

Excellent!!! You guys are fantastic!!!


   
jvelard1 (October 15, 2014 at 01:17 PM)

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


   
Royce Edwards (October 15, 2014 at 01:21 PM)

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.

View Answer


   
ushine (October 15, 2014 at 01:23 PM)

Are these forms responsive?

View Answer


   
hookedupphat (October 15, 2014 at 01:50 PM)

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


   
postmeit (October 15, 2014 at 02:15 PM)

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

Will this be included in Jotform application?

Thanks

View Answer


   
sentinel42 (October 15, 2014 at 02:34 PM)

Mobile friendly is great! Well done and thanks.


   
callips (October 15, 2014 at 04:44 PM)

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


   
revmark (October 15, 2014 at 05:48 PM)

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

View Answer


   
artorrian (October 15, 2014 at 06:30 PM)

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 (October 15, 2014 at 06:41 PM)

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.

View Answer


   
ch_hanlon (October 15, 2014 at 09:03 PM)

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.

View Answer


   
PJ_ (October 15, 2014 at 10:00 PM)

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.

View Answer


   
janicehales (October 15, 2014 at 10:13 PM)

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


   
rajeshprsd (October 15, 2014 at 10:38 PM)

Pl offer payment gateway integration in Indian currency

View Answer


   
alamsyahaviano (October 15, 2014 at 11:39 PM)

Amazing! Thanks JotForm!


   
pvb (October 16, 2014 at 12:11 AM)

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

View Answer


   
Bigjohn (October 16, 2014 at 07:22 AM)

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


   
davcomedia (October 16, 2014 at 10:37 AM)

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


   
bimchk (October 16, 2014 at 10:53 AM)

It is excellent. I like it. thanks.


   
Nelson_VE (October 16, 2014 at 03:31 PM)

I like it; great job.


   
2livesin1 (October 17, 2014 at 11:16 AM)

LOOKS AMAZING!

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


   
brinbro (October 20, 2014 at 12:26 PM)

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!

View Answer


   
Vinnie (October 22, 2014 at 11:49 AM)

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

View Answer


   
Chuck (October 24, 2014 at 02:46 PM)

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

View Answer


   
radanza (January 07, 2015 at 05:37 PM)

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

View Answer


   
choicecomms (May 13, 2016 at 09:19 AM)

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.

View Answer


Send Comment