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.
Why did all of my Form fields expandAsked by desotoisd on November 12, 2014 at 03:46 PM
I was using the Form Designer to change the color of my font. After i changed it and checked it in the preview window, all of my input fields are now stretched as if expanded.I have them all set to shrink, and it looked great, until i used the form designer to change the font color. Any clue why this happened?
expand form designer shrink font color font
Please go to your Form Designer and make sure that the field "Make this form responsive" is unchecked and it should be set back as it was before.
If this does not help, do let us know.
I changed that option, but still have odd spacing and alignment Issues. I included a link to the site in question. I managed to sort of fix the issue of input fields being stretched to the max but adjusting the input width, but now i am having issues with other things either overlapping text (see phone numbers) or text stretching off the page (see last page check boxes)
I do not see a link to your website, only a direct link to jotform.
Once I went to it I am not able to see any issues with the fields or layout.
Can you please give me the link to the page on your website where the jotform is included in?
Yes, that is where the screenshot was taken at. That is a direct link to jotform.
Could you please tell us at which section should we be looking at then?
The last 2 sections. Area Code is over lapping phone number in section 2 and Text continuing off the page on the check box tool in the last section.
Oh, yes, you are right, I have missed that looking for wide fields.
To resolve the issue with the Phone Number and Area Code fields all we need is to inject this CSS:
Now to correct the checkbox text, we would need to add line breaks in the text at specific locations. To do this we will use HTML element that will do this for us <br/>.
So this would be the text to add to checkboxes:
I understand that my student must make a significant commitment of effort and<br/>time if accepted into the DeSoto CMP
I understand that my child will be required to devote a minimum of two hours<br/>each evening to homework and/or studying.
I understand that my child will be taking college-level courses that will be taught<br/>at the college level. I further understand that the adjunct professors<br/>teaching these courses will only communicate with my child per DCCCD student privacy rules.
I understand that my child may be exposed to college-level materials and some<br/>assignments may require reading adult/collegelevel materials not typically discussed<br/>in high school.
I agree to support my child and make every effort to make sure my child is<br/>present and on-time daily.
I understand satisfactory progress, demonstrated self-discipline, and regular<br/>attendance are mandatory for continued study in the DeSoto CMP.
I agree to attend and support school functions including Open House, PTSA<br/>meetings and conferences.
I will encourage high academic and behavioral standards from my child.
I understand that there may be time that DeSoto CMP will operate on a calendar<br/>similar to the DCCCD. This means that my child may be required to be in attendance<br/>when DeSoto ISD is in session as well as when DCCCD is in session.
I understand that I am expected to volunteer at DeSoto CMP a minimum of<br/>six (6) hours per semester.
I agree to bring my child to required tutorials and/or events when assigned<br/>by a CMP faculty/staff member.
I will encourage my child to exhibit the Six Pillars of Character:<br/>Trustworthiness, Respect, Responsibility, Fairness, Caring and Citizenship I understand<br/>that my child must comply with DeSoto ISD and DCCCD regulations at all times.
I understand that students unwilling or unable to continue studies at<br/>the DeSoto CMP will be reassigned to a corresponding DHS Academy or their home school I<br/>understand that any academic, attendance, or behavioral problems will be sufficient cause<br/>to rescind admission to the DeSoto CMP I understand that if admitted to the DeSoto CMP, my<br/>child must read, sign and abide by the CMP policies and CMP agreement.
Now you can edit those <br/> tags by moving them where you want to break the line and start a new one. You can also use <b>around some work</b> to make it bold and such similar HTML styling elements as these.
The key is to add them in the options list, not by double clicking on them and then clicking on OK. You must click on OK every time you make the change and you want it to get saved.
Do let us know how it goes for you.
Thanks Ben! That worked great. I really appreciate your help!
Glad to see that worked out for you and on behalf of Ben you are very welcome!