Why is my form cut off on the right side?

  • Profile Image
    Asked on September 22, 2012 at 12:39 AM

    I used Jotform to create a basic contact form in Adobe Muse. It looks fine in the preview, and it even looks fine if I view the html file, but when displayed live on the web the right side is cut off. I have checked it with firefox and chrome, on both Windows and Mac and cleared my cache. It still looks cutoff on the right side. The form is on xalyco.com/contact.html

  • Profile Image
    Answered on September 22, 2012 at 12:53 AM


    Can you try to increase the width of the HTML object in muse? When adding the form to Muse the height is automatically increased but not the width so you will have to adjust it to have the form displayed as shown in the screen shot below.

    Furthermore you can also visit the following article from our user guide for some information on how you can use Jotform with Adobe Muse:

    Let us know if this works.

  • Profile Image
    Answered on September 23, 2012 at 12:34 AM

    I did increase the width when I created it. According to Muse the object is 642 pixels wide. I even tried recreating a new form. Again, let me state that the form displays properly if viewing it in html (ie the content.htlm exported from Muse just viewed in a web browser). It is only when I upload it to the site that it is shown truncated with the right half missing.

  • Profile Image
    Answered on September 23, 2012 at 01:06 AM

    I take for granted that you already checked this guide

    I would recommend you to select the iFrame Method,  rather than the Embed method

    Then modify either the height or width of the form according to what it is needed.

    You can increase it either in px or %,  you can even change  scrolling to "yes"  if needed

    As the example below:

    <iframe allowtransparency="true" src="//www.jotform.com/form/1234567890" frameborder="0" style="width:120%; height:457px; border:none;" scrolling="no">


  • Profile Image
    Answered on September 23, 2012 at 01:39 AM

    Another suggestion is this:

    On the preview on your adobe muse, simply select the crop tool on top of your tool bar and then drag the points on your form's preview to expand the content of your form.  Please also take note that it may sometimes look fit on the preview but not on the actual web page, so you might need to widen the width of the container of your form.

    Please let us know if you have further questions.

  • Profile Image
    Answered on September 24, 2012 at 01:22 AM

    The iFrame method did not work for me. I tried the crop method mentioned by liyam and expanded the box to 900 pixels even though the form itself is ony 450. I also did one other thing differently this time: I reuploaded every single file that Muse exported, instead of just the new content.htlm. Something worked this time and my form is now displaying correctly! Thanks for the help!!!