Problème d'affichage sur iPhone

  • Profile Image
    Collet_Valerie
    Asked on February 17, 2021 at 10:22 PM

    Bonjour,

    Nous rencontrons un gros problème d'affichage sur les smartphones !

    Sur la première page d'affichage nous obtenons ceci

    1613618292_602ddc74f0919_151826546_13926

    Rien n'est centré !

    Ensuite quand nous allons sur la page suivante :

    1613618353_602ddcb15569c_151594383_11285

    Nous n'arrivons pas à accéder aux autres données en cliquant sur la flèche en bas à droite ou même en cliquant sur l'image !

    Pouvez vous remédier à ce problème au plus vite s'il vous plait ?

  • Profile Image
    Johann_A
    Answered on February 18, 2021 at 07:14 AM

    Bonjour,

    Nous nous excusons pour la gêne occasionnée. Effectivement quand je teste votre formulaire j'obtiens la même chose:

    1613650417_602e59f146a7b_Screenshot_2021

    Pouvez-vous réintégrer votre formulaire avec le code ci-dessous:

     <iframe
    id="JotFormIFrame-210202329461544"
    title="Demande de devis Agence vendè"
    onload="window.parent.scrollTo(0,0)"
    allowtransparency="true"
    allowfullscreen="true"
    allow="geolocation; microphone; camera"
    src="https://form.jotform.com/210202329461544"
    frameborder="0"
    style="
    min-width: 100%;
    height:539px;
    border:none;"
    scrolling="no"
    >
    </iframe>
    <script type="text/javascript">
    var ifr = document.getElementById("JotFormIFrame-210202329461544");
    if (ifr) {
    var src = ifr.src;
    var iframeParams = [];
    if (window.location.href && window.location.href.indexOf("?") > -1) {
    iframeParams = iframeParams.concat(window.location.href.substr(window.location.href.indexOf("?") + 1).split('&'));
    }
    if (src && src.indexOf("?") > -1) {
    iframeParams = iframeParams.concat(src.substr(src.indexOf("?") + 1).split("&"));
    src = src.substr(0, src.indexOf("?"))
    }
    iframeParams.push("isIframeEmbed=1");
    ifr.src = src + "?" + iframeParams.join('&');
    }
    window.handleIFrameMessage = function(e) {
    if (typeof e.data === 'object') { return; }
    var args = e.data.split(":");
    if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[(args.length - 1)]); } else { iframe = document.getElementById("JotFormIFrame"); }
    if (!iframe) { return; }
    switch (args[0]) {
    case "scrollIntoView":
    iframe.scrollIntoView();
    break;
    case "setHeight":
    iframe.style.height = args[1] + "px";
    break;
    case "collapseErrorPage":
    if (iframe.clientHeight > window.innerHeight) {
    iframe.style.height = window.innerHeight + "px";
    }
    break;
    case "reloadPage":
    window.location.reload();
    break;
    case "loadScript":
    var src = args[1];
    if (args.length > 3) {
    src = args[1] + ':' + args[2];
    }
    var script = document.createElement('script');
    script.src = src;
    script.type = 'text/javascript';
    document.body.appendChild(script);
    break;
    case "exitFullscreen":
    if (window.document.exitFullscreen) window.document.exitFullscreen();
    else if (window.document.mozCancelFullScreen) window.document.mozCancelFullScreen();
    else if (window.document.mozCancelFullscreen) window.document.mozCancelFullScreen();
    else if (window.document.webkitExitFullscreen) window.document.webkitExitFullscreen();
    else if (window.document.msExitFullscreen) window.document.msExitFullscreen();
    break;
    }
    var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false;
    if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) {
    var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)};
    iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*");
    }
    };
    if (window.addEventListener) {
    window.addEventListener("message", handleIFrameMessage, false);
    } else if (window.attachEvent) {
    window.attachEvent("onmessage", handleIFrameMessage);
    }
    </script>


  • Profile Image
    Collet_Valerie
    Answered on February 18, 2021 at 07:35 AM

    Merci pour votre retour.

    Par contre pouvez vous m'expliquer où intégrer ce code ?

  • Profile Image
    Jimmy_D
    Answered on February 18, 2021 at 09:26 AM

    Bonjour !

    Malheureusement l’agencement (Formulaire à cartes) que vous utilisez ne supporte pas de code CSS.

    Du coup j’ai testé votre formulaire sur mon iPhone et sur un modèle androïde d’un de mes collègues et je n’ai pas pu reproduire le problème que vous avez.  

    1613658027_602e77ab68130_Image-from-iOS-

    Android:1613657964_602e776c10092_Screenshot_2021

    Pouvez-vous nous dire quel est le modèle du téléphone que vous avez utilisé dans votre teste?

  • Profile Image
    Collet_Valerie
    Answered on February 18, 2021 at 07:34 PM

    Sur un iPhone :-)

  • Profile Image
    Johann_A
    Answered on February 19, 2021 at 02:46 AM

    Bonjour;

    Le code que je vous ai fourni plus haut, c'est le code Iframe. C’est pour l'intègre à votre site internet. Lorsque vous avez intègre le formulaire pour la première fois à votre site https:/urlz.fr/el0R vous avez dû utiliser un code source ou Iframe. Je vous ai fourni le code Iframe afin que vous puisiez à nouveau l'intègre à votre site https:/urlz.fr/el0 R, en revanche je ne peux pas vous indiquer la marche à suivre sur votre site, cela dépend su CMS que vous utilisez

    Johann