Forms disappear when viewed on browser

  • Kiki123
    Asked on March 19, 2016 at 8:52 AM

    Hello,

    I have used Contact form and a PayPal form on my site. The site is responsive and produced in Muse.  I have tried the Embedded code and the Muse Platform code. When I open the site in desktop Safari the forms are present at first, then as I narrow the window width the forms disappear. In desktop Firefox and iPhone Safari the forms do not appear at all. I would mention, the forms are clones of forms I produced for another site, Janie's Salon.

    Link to site :

    http://psychic-janie.businesscatalyst.com/index.html

    Grateful for advice, thanks

    Charlotte

  • Boris
    Replied on March 19, 2016 at 9:08 AM

    I have checked your website, and both forms appear correctly in any browser on my desktop:

    Forms disappear when viewed on browser Image 1 Screenshot 30

    The reason that the form disappears when the screen is narrower, because the website itself is built to present different page based on the width of the browser. It is built to display the main page, where you have embedded the form, only if the screen is 851 pixels or wider:

    Forms disappear when viewed on browser Image 2 Screenshot 41

    Essentially, that page is built to have 6 different layers, and based of the width available - it will present one of these 6 layers to your visitors. The JotForm forms are embedded only on the first layer, the one for screens over 851 pixels wide.

    I'm afraid I'm not fully familiar with how to edit sites in Adobe Muse in order to provide you with full step-by-step guide on how to resolve it, but please look for these different layers in Adobe muse and make sure to embed a form into each of these layers - so that there will be a form to display on each of the screen width layers.

    I only found this guide about mobile layouts on Adobe Muse, so if it doesn't help, perhaps Adobe Muse support team may be of better assistance in letting you know exactly where to find these layers for editing:

    https://helpx.adobe.com/muse/using/creating-website-mobile-devices.html

    I hope this helps, please keep us updated on how it goes.

  • Kiki123
    Replied on March 19, 2016 at 2:06 PM

    Hello Boris,

    Many thanks for your advice. As you say, responsive sites in Muse are made up of break points and I had embedded the code in just the widest breakpoint section. Your advice to embed the form code in each break point section certainly makes sense. This I have now done but sadly I'm still have a problem. In desktop Safari the forms appear just in the widest breakpoint then vanishes. As before, there are no forms in Safari mobile. Firefox has a big issue with these new settings and shows multiple forms all at once whilst flickering, which is quite blinding!  

    Any other suggestions appreciated but will also ask Muse support too.

    http://psychic-janie.businesscatalyst.com/index.html

    Thanks, Charlotte

  • Welvin Support Team Lead
    Replied on March 19, 2016 at 5:46 PM

    I think you don't need to embed the form in all breakpoints. I would suggest checking if there's a setting in the block where the form is placed to have it present in all breakpoints. There should be an option to show an element in all screen sizes. 

    Yes, I would also suggest contacting Muse Support to see whether there's an option for the form to appear in all breakpoints.

    I will also try to get a trial of the app and update our guide to include this breakpoint thing.

  • Kiki123
    Replied on March 20, 2016 at 2:30 PM

    Hi Welvin, thanks for your response. In Muse, by default, any element you put on a page will appear in all break points unless the option is selected for that element not to appear in other breakpoints. Basically you can hide items in different break points fields. So, in my case the forms can be put into one break point and they will appear in all breakpoints, unless otherwise instructed. Unfortunately when I do this the forms only appear in that one break point field and no others, when viewed in a browser. I gave Boris suggestion a go (embedding forms in each break point) but didn't work sadly.

    I will contact Muse support about this.

    Yes please do trail Muse. At the beginning of the year, Muse had a major update by upgrading the responsive format. To be honest I have had to relearn how to use Muse as the break point element really changed the way Muse works.

    Thanks, Charlotte

  • Nik_C
    Replied on March 20, 2016 at 3:47 PM

    Thank you for your feedback and support. I'm sorry that suggestion that my colleague gave you didn't work.

    Please try with contacting Muse support and let us know if you need any further assistance from us.