Some of the text on my form runs out of the boundaries when embedded on WordPress.com blog.

  • DocRobin
    Asked on November 11, 2014 at 11:58 AM

    Hello,

    I asked this question previously, and was helped by Raul. 

     

    Some of the questions and answers on my form are long sentences. I made the form narrow to fit on my WordPress site. The longer answer options are not wrapping to fit within the boundaries of the form. Instead, they continue off to the right, and site visitors need to use a scrollbar to view the ends of the sentences. I'd like the sentences to be in multiple line segments if necessary to fit within the boundaries, instead.

    Raul was kind enough to tweak the form somehow so that it appeared to be fixed on the JotForm site and also as a standalone form on it's own webpage. But the form didn't appear fixed when I pasted the code on my WordPress site. It looked the same.

    I tried responding to the post, to let him know that there was still a problem, but my answers do not show up after I hit submit.

    Can someone please help me resolve this issue? Thank you.

    Jotform Thread 457518 Screenshot
    Page URL: http://tireswingideas.wordpress.com/contact-us/
  • Kiran Support Team Lead
    Replied on November 11, 2014 at 12:52 PM

    I see that you are using JotForm oembed plugin to embed this JotForm in your WordPress website. Could you try embedding this JotForm using normal embed method?

    Some of the text on my form runs out of the boundaries when embedded on WordPress Screenshot 30

    I've tried this method on my local installation of WordPress and it worked perfectly.

    Some of the text on my form runs out of the boundaries when embedded on WordPress Screenshot 41

    Let us know if the issue still persists. We will be happy to look into this issue further.

    Thank you!!

  • DocRobin
    Replied on November 11, 2014 at 1:03 PM

    The form does not even show up when I do that, just text to the link. Wordpress is not supposed to run JavaScript, is it? Running the JotForm direct embed was my workaround to getting the form to show up.

     

  • Kiran Support Team Lead
    Replied on November 11, 2014 at 1:54 PM

    Oh! I realize that you are using wordpress.com website. Please allow me some time to check this up for you.

    Thank you for your patience.

  • Kiran Support Team Lead
    Replied on November 12, 2014 at 10:53 AM

    Thank you for being patient. I see that it is happening due to text wrap is disabled from the responsive CSS. To resolve this issue, please inject the following CSS code to your JotForm.

    .form-radio-item, .form-checkbox-item {

    white-space: normal !important;

    }

    There are no other changes required from WordPress end. You can embed the JotForm normally.

    Let us know if you need any further assistance. We will be happy to help.

    Thank you!!