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.
Align Bullets to the LeftAsked by jpehrler on March 28, 2014 at 02:46 PM
1. Align the bullets in "Preferred Method of Contact" to the left.
2. Create the same "look" for "Preferred Method of Contact" with the white background and outline.
3. Make the field question "Date/Time of Consultation" unwrap and appear on one line.
Thanks for your help!
Should be all set now. You'll noticed that I have added the following codes to the custom CSS area:
border: 1px solid #b7bbbd;
width: 14px !important;
Hmmm, not quite there yet...
Please refresh the page or clear your browser(s). I already see the changes to the form.
Got it. Great job--thanks so much for the professional help!
As always, you guys ROCK!
Since the form is so long, could it be set up in two columns? (see attached screen cap) (But leaving label alignment as is).
This may be possible by injecting the proper CSS code. I have cloned your form and modified it to replicate the image you have posted:
The CSS Code I Injected is the following:
Do let us know if you need further assistance. Thank you.
That's amazing Cesar, but I needed all of the fields included in this form: http://www.jotform.com//?formID=40713169041144
Have you tried shrinking the fields? This will allow you to create columns but you have to expand your form width as well like maybe 900px. Example: http://form.jotformpro.com/form/40894637549975?.
I'm not sure what to do with the date fields though since they are grouped fields. Do you want the text area to align beside the date fields? This is still possible with CSS inject. Let us know so we can provide you further assistance.
I would say, let's move the website field up next to the last name field, then move the "comments" field under the website field. Line it all up and that's probably going to look great.
Please take a look at the following form and see if this looks okay to you: http://form.jotformpro.com/form/40894647802968?
Though I have injected custom css but the website text box does not seems to be aligned well with the "Last Name" textbox because of the font size. Do check and get back to us if you need further changes in this form.
Feel free to clone this form for a closer look. The following guide should help you in form cloning: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL