How do I make a text area that is set to rich text editor, read only ?

  • farren
    Asked on July 19, 2016 at 3:37 AM

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

  • Chriistian Jotform Support
    Replied on July 19, 2016 at 5: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. 

    How do I make a text area that is set to rich text editor, read only ? Image 1 Screenshot 20

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

  • farren
    Replied on July 19, 2016 at 5: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

  • Chriistian Jotform Support
    Replied on July 19, 2016 at 8: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.

    How do I make a text area that is set to rich text editor, read only ? Image 1 Screenshot 20

     

    Do let us know if you need further assistance.

  • farren
    Replied on July 19, 2016 at 9: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?

     

  • Chriistian Jotform Support
    Replied 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?

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

    ...
  • Elton Support Team Lead
    Replied on July 19, 2016 at 3: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!