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

  • Profile Image
    farren
    Asked 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
    Chriistian
    Answered 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
    farren
    Answered 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
    Chriistian
    Answered 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
    farren
    Answered 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
    Chriistian
    Answered 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
    farren
    Answered 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
    EltonCris
    Answered 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!