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.


  • Profile Image

    How can I change the text color and text align of the autosize widget?

    Asked by FRJotform on May 12, 2017 at 06:59 AM

    I'm using the TextArea Autosize widget and would like to make the text within the box align to the centre, and also change the text colour and size.

    Could someone tell me the correct CSS to do that?

    There is a field in the widget setting to insert custom CSS and I have tried the following but it doesn't work - 

    text-align : center;

      color : blue ;

    }

  • Profile Image
    JotForm Support

    Answered by amy on May 12, 2017 at 08:08 AM

    Hi,

    Please try injecting the following CSS codes instead of the current one:

    #autosizeText {

        color: blue;

        text-align: center;

    }

    The result should be the same as the screenshot:

    If you need further assistance, please feel free to ask.

    Thank you for contacting us.

    Regards.

  • Profile Image

    Answered by FRJotform on May 12, 2017 at 08:43 AM
    Thank you – one more question, is it possible to make this text field read-only?
    I can’t find that option on it but is it possible to inject custom CSS to do this?
    ...
  • Profile Image
    JotForm Support

    Answered by EltonCris on May 12, 2017 at 09:51 AM

    You can make the field read-only in the form builder. Here's how:

    1. While in the form builder, click the field

    2. Open its properties (click the cog icon)

    3. Go to Advanced tab then enable Read-Only.

  • Profile Image

    Answered by FRJotform on May 12, 2017 at 10:44 AM
    There isn’t a read-only option on the Textarea Autosize widget.
    Is it possible to add custom CSS to make it read only?
    ...
  • Profile Image
    JotForm Support

    Answered by EltonCris on May 12, 2017 at 11:09 AM

    Yes, there's a CSS trick to make the field not clickable. Use the following.

    Paste it inside the widget settings under custom CSS tab.

    textarea#autosizeText {

        pointer-events: none;

    }