Second page of the form is cut-off after clicking Next in Page Breaks

  • iswebdev
    Asked on July 20, 2015 at 11:58 AM

    Screen two of the form is cut off when you click the 'next' button from screen one. I'm not sure how to fix this. Can you help?

    and...i am using the save forms to continue option, so when I try using an iframe for a solution, the URL which copies the session information from the first form does not appear.

  • Sammy
    Replied on July 20, 2015 at 1:11 PM

    Could you kindly provide the URL to the embedded form to allow for further investigation.

    Regarding the next button, try clearing the form cache then remove and re-add the page break

  • iswebdev
    Replied on July 22, 2015 at 2:51 AM

    hi,

    the page is http://is-scratchpad.businesscatalyst.com/page-with-secure-zone-link.html

    Complete the first form and it takes you to the second form (it is set up as a save to continue later form). The problem is that the second page is cut off (and some of the next pages too). I tried your suggestion of clearing the cache and re-adding the page break but it didn't work.

    thanks

  • Sammy
    Replied on July 22, 2015 at 7:21 AM

    Hi,

    Actually the sessions for save later only applies to the originating form in this case the session value you are using as part of the link directing to the second form wont have any effect on the second form.

    I have tested the second form and all the pages show correctly, there are no portions cut off

    Second page of the form is cut off after clicking Next in Page Breaks Image 1 Screenshot 30

     

    Second page of the form is cut off after clicking Next in Page Breaks Image 2 Screenshot 41

    Does the cut off occur in this page URL (its the one I've tested with not cut off issues)

    http://form.jotformpro.com/form/51873482093966

    or is it in an different on, also could you kindly include a screenshot of the form with the areas that are cut off

  • iswebdev
    Replied on July 22, 2015 at 9:56 AM

    So how would I make save to continue work on the second form, then?

    Attached is a screen shot. the bottom of the form is still being cut off for me.Second page of the form is cut off after clicking Next in Page Breaks Image 1 Screenshot 20

    thanks

    Martin.

  • Sammy
    Replied on July 22, 2015 at 12:14 PM

    My bad, actually you implementation for save and continue later is okay,  I had it confused with a different approach which involves enabling the autosave for the form so that data is saved when it changes. I works similar to the save and continue later but does not require passing of the session in the form URL.

    Second page of the form is cut off after clicking Next in Page Breaks Image 1 Screenshot 30

    Second page of the form is cut off after clicking Next in Page Breaks Image 2 Screenshot 41

     

  • Sammy
    Replied on July 22, 2015 at 12:20 PM

    Hi Martin,

    Regarding the form being cut off on what browser are you experiencing this issue? Because I can't seem to recreate it.

    Try accessing the form on Firefox or an updated version of chrome, patiently awaiting your feedback

  • iswebdev
    Replied on July 23, 2015 at 8:57 AM

    I am using Chrome Version 44.0.2403.89 (64-bit) on a mac

    It also happens with safari Version 8.0 (10600.1.25.1) on a mac

     

    thanks

     

    Martin

  • Sammy
    Replied on July 23, 2015 at 11:35 AM

    I have tried accessing the form using the windows version of Safari and was able to produce the issue you are facing.

    The problem seems to the the browser security enforced by apple regarding accessing other site urls within an iframe, in this case additional javascripts are being blocked which in turn affects the navigational buttons.

    In order to rectify this problem you can set the link to the second form to open in  anew browser tab/window away from the containing iframe, this will ensure that not scripts are being blocked n the apple environment.

    You can set the link to do that by adding the _blank in the target portion

    <a href="http://form.jotformpro.com/form/51873482093966?session=barsamm@gmail.com" target="_blank"><span style="font-size: x-small;">http://form.jotformpro.com/form/51873482093966?</span>session=barsamm@gmail.com</a>

    Kindly try the above and let us know if it works for you.

     

  • Sammy
    Replied on July 23, 2015 at 11:37 AM

    add this property to the link target=_blank, enclose the word blank in double quotes