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 to ajust Rich Text Box to be read only and hide the panel?

    Asked by farren on July 19, 2016 at 02:57 AM

    I have a form(1st Form) with a checkbox drop down, I use this from to prepopulate another form(2nd Form).

    I am prepopulating a text area on the 2nd form with the drop down choices made on the 1st form.

    It is working for the most part except that it shows the line breaks instead of applying them in the text area of the 2nd form

    i.e. This is the value of whats populated

    Setting up Xero
    Setting up Payroll
    Correcting Previous Years
    Setting up 3rd Party Software

     

    If I change the text area to rich text editor , it appear correctly but the rich text editor ignores the read only setting, also the rich text editor shows all the tools options above.

     

    I would like to either have the plain text area show the results without the line breaks code but listing the choices under one another

    i.e.

    Setting Up Xero

    Setting Up Payroll

    Correcting Previous Years

    Setting up 3rd party

     

    or

    To make the rich text editor read only and some way to hide the tools above it

    line break line rich text box panel hide read only
  • Profile Image
    JotForm Support

    Answered by Nik_C on July 19, 2016 at 04:48 AM

    You can adjust your Rich Text Box by applying some Custom CSS. I applied this CSS for my Rich Text Box:

    .form-input {
    pointer-events: none;
    border-top: thin double #bfbfbf;
    }
    .nicEdit-panelContain{
    display: none;
    }

    With yellow block I made Rich Text Box read only and with green block I made the panel disappear, and it looks like this:

    What you need to make sure is to check the class of your Rich Text Box in your CSS to so your adjustments will apply. If you need any help provide us with your form where your Rich Text Box is and we'll assist you.

    And here is my form that I used, feel free to check it: https://form.jotform.com/62002463503947

    Hope it helps.

    Thank you!

  • Profile Image

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

    Hi, Thanks so much! it got me going in the right direction and managed to sort it out!

     

    I have another query though, dont know if I should start a new thread.

     

    I want to prepopulate data from a grid/table on one form into a rich text box on another form.

    I can prepopulate other fields but the grid variable/token seems to break the URL, any ideas on this?

     

  • Profile Image

    Answered by Irshad on July 19, 2016 at 10:08 AM

    Please check this guide: Prepopulating fields to your JotForm via URL parameters

    I believe it explains everything that you need. You can also use the app to generate a prepopulated form: http://prepopulate.jotform.io

    Let us know if you need any help.

    Thanks