Can form fillers edit the formatting of their responses in the text boxes, eg, use bold, colour, etc?

  • Profile Image
    mreade
    Asked on February 23, 2016 at 05:16 PM
  • Profile Image
    Chriistian
    Answered on February 24, 2016 at 01:43 AM

    If you want the users to be able to edit the formatting of their responses, then the Squire Editor widget may prove useful for your requirement.

    http://widgets.jotform.com/widget/squire_editor

    You can check out this demo to see the widget in action: https://form.jotform.com/60540792658968

    Do let us know if you need further assistance.

  • Profile Image
    mreade
    Answered on February 24, 2016 at 05:45 AM
    Hello, Thanks.
    Potentially this would be very useful but the default size of the Squire editor text box is too small for my form.
    Is it possible to make it larger so that it matches the free text boxes in my form here:
    https://form.jotformeu.com/60353612863353
    Also, in jotform responders can make the free text boxes larger if they need to when they are filling in the form. Can you do the same with this widget?
    Thanks
    Michael Reade
    Coordinator - UCL Grand Challenges (Human Wellbeing)
    Office of the Vice-Provost (Research) | University College London | 2 Taviton Street | London | WC1H 0BT
    Tel: ++ 44 (0)20 7679 8713 (internal 28713)
    Email: m.reade@ucl.ac.uk
    www.ucl.ac.uk/grand-challenges
    ...
  • Profile Image
    Mike_G
    Answered on February 24, 2016 at 10:43 AM

    You can customize that part by adding CSS codes to your form.

    Here's a sample form: https://form.jotform.com/60543923861963

    Here's how you can do that:

    To make it resizable:

    After getting the element id of the iframe that holds the widget, I injected it in the form and I added the resize property and set it to both.

    If you want to increase the width of the widget initially, you can add the width property and set a value depending on your preference. Here's a sample CSS code that I have used:

    #customFieldFrame_1{

    resize: both !important;

    width: 600px !important;

    }