column adjustments Rich Text Editor

What is JotForm?

JotForm is a freeonline form builder which helps you create online forms without writing a single line of code.

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 do you not want to answer this thread?(Your answer will be sent to Jeanette and Aytekin)

fullcyclecreative

Asked on January 22, 2017 at 11:27 PM

I am trying to do the same thing but the column adjustments do not do anything to the width. They will change the height when I adjust the rows, but the columns do nothing. I've tried CSS, I've tried everything. I have a few essay questions on an application & I want only those rich text fields to be wider. Any help you can offer is appreciated! I inspected the CSS and found that there is a max width of 400px set to apparently all kinds of input fields, but when I tried to add CSS to just change the text area, it did nothing.

I could replicate the issue. I am forwarding this to Level 2 team so they can look into it and update you

Thanks for your patience.

JotForm Developer

Scott

Answered on January 23, 2017 at 04:11 PM

Hey fullycreative,

The thing is, when applying some of the form themes, they go through their jobs through inline-CSS and that's why one cannot override them.

I checked your form via modifying its URL by adding &old tag at the end. This way you are able to use the old UI and when you go to your form properties you can see the injected CSS code by the theme you have chosen.

At this point, you have two choices. You can either delete all of the CSS which the theme injected and design your form from scratch or, you can alter this code in a way which will not override the column width of your text-areas.

For your convenience, I went through and altered the code which resulted neatly in my opinion. Here is the clone of your form with the altered CSS (I also changed the label alignments of the three fields that comes after the birth date field to top)

Thank you for working on this! It seems like the first essay in the application didn't get any wider though... I know there's conditional logic that makes different ones display so maybe that one got missed. I appreciate your help!-Sarah...

JotForm Developer

Scott

Answered on January 23, 2017 at 04:59 PM

Hey Sarah,

Actually, I didn't change the column width property of the text-fields, I just set the max-width limit to 720 pixels which were limited to 400 pixels by the CSS of the theme.

All of the rich text areas are set to 150 except the first one which carries the value of 50. So you can give any value you want.

Thank you for your gratitude, let us know if you ever need anything else,