How do I properly load my JotForm to Adobe Muse?

  • Profile Image
    Nathan Cardinale 
    Asked on November 23, 2014 at 06:56 PM

    Hello,

    I am having an issue with loading the Contact forum I made into Adobe Muse. I tried every type of forum code you have, but even iframe has issues. Its forcing me to expand the content borders to like triple their widths in muse to get them to fully load. If I keep it the correct size, the right 5th is cut off. If I expand it between normal size and 3 times the width, it just expands the content area and keeps the right 5th cut off still. Once I expand it and everything looks fine, the forum goes to the middle of the content area. If I try to place that on the left side of my page, its borders exceeds the site and causes loading issues. Any help would be appreciated, thanks.

  • Profile Image
    jonathan
    Answered on November 24, 2014 at 07:46 AM

    Hi,

    Please review the user guide: -Adding-Form-to-Adobe-Muse

    From what I understand in your provided details, I think the issue is the HTML widget where you were trying to embed the form. You can manually set the width of the HTML following the user guide (Step  #4)

    It is also suggested to use the short script embed code when embedding the form

     

     

    Hope this help. Inform us if you are still having issue.

    Thanks.

     

     

  • Profile Image
    Nathan 
    Answered on November 25, 2014 at 12:44 AM

    I attempted to do this, and the problem still persist. The "tutorial" is kinda dated as to how muse works now. It loads the bar in Muse now no need to publish first. I still don't know how to fix it.

  • Profile Image
    EltonCris
    Answered on November 25, 2014 at 04:15 AM

    Add this CSS codes on the form designer, under CSS tab. This should resolve the 5px cut-off on the right side of your form.

    @media screen and (max-width: 768px){

    .form-line {

    padding: 2% 2% !important;

    width: 100%!important;

    box-sizing: border-box!important;

    }

    }

    Your form is embedded on a small container that's why it is rendering the mobile layout. Injecting that CSS codes should fix the cut off.

    If you need further assistance, let us know here.

    Regards!

  • Profile Image
    Nathan 
    Answered on November 25, 2014 at 02:30 PM

    Thank you very much! It fixed the problem. It was odd that the container had to be 3x the normal size to get it to function, but that code fixed it and it works properly.

  • Profile Image
    Mike_T
    Answered on November 25, 2014 at 04:19 PM

    On behalf of my colleague Elton, you are quite welcome. Please feel free to contact us anytime.