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 do I make a text area that is set to rich text editor, read only ?

    Asked by farren on July 19, 2016 at 03:37 AM

    I have gone into the properties and set to read only but it still allows me to edit it

  • Profile Image
    JotForm Support

    Answered by Chriistian on July 19, 2016 at 05:33 AM

    Unfortunately it is not possible to make the rich text area read only, since it will be contrary to add a rich text editor if the user will not be able to edit it anyway. If you want to set a text area as read only, you will need to use the Plain text option or the Fullscreen Mode. 

    Please do let us know if you need further assistance.
    Regards.

  • Profile Image

    Answered by farren on July 19, 2016 at 05:48 AM

    Hi, This is possible and the purpose of the read only field is to prepopulate information that you dont want the submitter to edit, same as in the plain text or full screen method.

     

    Here is an article below showing how to make a rich text field read only

     

    http://www.jotform.com/answers/885688-Text-Area-doesn-t-read-line-break/?entrymessage=10732640770

  • Profile Image
    JotForm Support

    Answered by Chriistian on July 19, 2016 at 08:00 AM

    Hi,

    I checked the thread you have given. The following CSS can be injected to your form to make it appear disabled.

    .form-textarea {

       pointer-events: none;

    }

    .nicEdit-panelContain {

       display: none;

    }

     

    However, please do note that it only disables mouse events on the field. Users will still be able to focus on the field and fill it up by using the tab key in the keyboard. Please see GIF below.

     

    Do let us know if you need further assistance.

  • Profile Image

    Answered by farren on July 19, 2016 at 09:49 AM

    you are correct, hmmm back to the drawing board.

    The reason I need to use a rich text field is that I am prepopulating this field. The content im passing is from another form that has a checkbox drop down. So when multiple options are selected it puts a line break value(<br>  and <br/> ) between the actual values and if I prepopulate a plain text box it doesn't move the value to the next line it shows the value as option1<br>option2 where the rich text box does align it correctly.

     

    So any ideas on resolving that?

     

  • Profile Image
    JotForm Support

    Answered by Chriistian on July 19, 2016 at 11:24 AM

    If I was not mistaken, this is the form you are trying to prepopulate: http://www.myjotform.com/form/61995571198573

     

    However, I can't seem to find the form passing the values to the said form in your account. Can you please give us the URL of the form passing values to the given form so we can check?

  • Profile Image

    Answered by farren on July 19, 2016 at 02:46 PM
    Hi there
    The form I am populating is as per below
    http://form.myjotform.com/form/61952122167554

    ...
  • Profile Image
    JotForm Support

    Answered by EltonCris on July 19, 2016 at 03:50 PM

    @farren

    I can see that you've managed to add the CSS codes in your form. I couldn't click the textarea fields in your form now.

    By the way, if you don't want the break codes <b> to be included when passed to another form, you can insert URLENCODE affix on your checkbox field tag.

    Example:

    {URLENCODE:myCheckbox}

    Hope this helps!