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

    CKEditor Widget: Ability to display the widget properly in mobile devices.

    Asked by trapeezy on February 25, 2017 at 05:12 PM

    Hey there, I need to make the CKEditor on my form responsive like the rest of the form output from JotForm. How is this possible? Or I guess which CSS styles do I input to make this possible...

    Please help!!
    Thanks

    Nick

    P.S. - I have fused together the source output from your site into mine, so if you are asking if my CSS or JS is breaking the responsive qualities of the editor, it's not because on my form output from you guys hosting on JotForm it isn't working either - https://form.jotform.com/70515693865264 (put in mobile view to see)

    Page URL:
    https://www.trapeezy.ca/post-a-job

    Screenshot
  • Profile Image
    JotForm Support

    Answered by Kevin_G on February 25, 2017 at 09:15 PM

    Since it's a widget you cannot affect the elements inside it since it's loaded within an iFrame injecting code to the form, I can see the widget currently does not allow to submit any CSS code since there's not widget's wizard. 

    I cannot find a way to resolve the current issue with the height in mobile devices, which seems to be affecting the widget. 

    I will forward this thread to our second level so our developers may apply some code in the widget's source so it displays properly in mobile devices. 

    We will let you know as soon as we get any update regarding this. 

  • Profile Image

    Answered by trapeezy on February 25, 2017 at 09:36 PM

    Okay that would be great - thanks for your help, I just signed up I really like this place!! :)
    If they could figure it out - I WOULD BE SUPER SUPER HAPPY!!!

    Nick

  • Profile Image
    JotForm Support

    Answered by liyam on February 26, 2017 at 04:30 AM

    Hello Nick,

    While a ticket has already been submitted to the development team on the widget, you can try making use of the rich text format of the regular text area field which you can have a better control on its width

    Simply get the Long Text Entry field and then go to Properties > Options > Rich Text

    Feel free to let us know if you have more questions.

    Thanks.

  • Profile Image

    Answered by trapeezy on March 06, 2017 at 05:20 PM

    Is there any update to the CKEditor issue here?
    I would much rather use that one because I dont want users to be able to submit an image through the Rich Text editor...any word on making the plugin responsive?

  • Profile Image
    JotForm Support

    Answered by Kevin_G on March 06, 2017 at 06:56 PM

    Unfortunately, we have not received any update regarding this, but I think there's a way to display the widget properly in mobile devices, what I've noticed is that the widget fits properly the screen, but the height does not seem enough. 

    You could try injecting this code to the form: 

    @media only screen and (max-device-width: 550px){

    iframe[src*="ckeditor"]{

    height: 500px !important;

      }

    }

    How-to-Inject-Custom-CSS-Codes

    You can see the result on this form: https://form.jotform.com/70558056974972 

    Hope this helps.