¿Por qué no se visualiza el elemento en mi página web en terminales móviles?

  • Profile Image
    cristianosvillena
    Asked on January 13, 2016 at 01:01 PM

    En ordenador funciona perfectamente el formulario, pero desde dispositivos móviles no se ve.

     

  • Profile Image
    victor
    Answered on January 13, 2016 at 04:08 PM

    Al revisar el URL de su página, note que usted tiene caracteres especiales. Puede intentar eliminar los caracteres con acento. Esto es la causa que su página no este cargando correctamente.

     

  • Profile Image
    cristianosvillena
    Answered on January 13, 2016 at 04:46 PM
    No, porque con otro tipo de formulario si se visualiza.
    Enviado desde mi iPhone
    ...
  • Profile Image
    BDAVID
    Answered on January 13, 2016 at 09:38 PM

    Please try the following:

    1) Embed your form usingt the iFrame code: https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    Before you embed the code, paste it in a text editor like WordPad, you will notice two part of codes, only copy and embed the iFrame part in your webpage, example:

    2) Enable the responsive features in your form: https://www.jotform.com/help/311-How-to-make-Forms-Mobile-Responsive

    Let us know if you need more help, we will be glad to assist you.

     

  • Profile Image
    cristianosvillena
    Answered on January 14, 2016 at 09:47 AM
    He seguido los pasos tal y cómo usted me ha indicado pero no funciona.
    Sigue sin aparecer en el términal móvil
    2016-01-14 3:37 GMT+01:00 JotForm :
    ...
  • Profile Image
    BDAVID
    Answered on January 14, 2016 at 11:10 AM

    There is a CSS code in your site that is not displaying the DIV where your form is embedded when on mobile view: 

    @media screen and (max-device-width: 1024px)

    .mediumScreenDisabled {

        display: none;

    }

    You need to change it to:

    @media screen and (max-device-width: 1024px)

    .mediumScreenDisabled {

        display: block !importannt;

    }

    Or, simply remove the form's Iframe code from that DIV:

    Let us know if you need more help, we will be glad to assist you.

  • Profile Image
    cristianosvillena
    Answered on January 14, 2016 at 11:47 AM
    I don´t know where I have to change this option.
    2016-01-14 17:09 GMT+01:00 JotForm :
    ...
  • Profile Image
    cristianosvillena
    Answered on January 14, 2016 at 12:46 PM
    ¿Puede pasarme usted el HTML correcto? No sé de donde tengo que modificar
    esas opciones. Lo he hecho abriendo la página en cuestión en html y he
    borrado lo que usted dice pero sigue sin funcionar.
    2016-01-14 17:09 GMT+01:00 JotForm :
    ...
  • Profile Image
    victor
    Answered on January 14, 2016 at 02:14 PM

    Como mi compañero indicado, puede modificar el código CSS de su página o simplemente remover las siguientes líneas

    <div class="n diyfeLiveArea">

     <div class="mediumScreenDisabled">

    <script type="text/javascript">if (window.jQuery) {window.jQuery_1and1 = window.jQuery;}</script><script type="text/javascript" src="https://form.jotformeu.com/jsform/60124214466346">

    </script>

    <iframe onload="window.parent.scrollTo(0,0)" src="" allowtransparency="true" frameborder="0" name="60124214466346" id="60124214466346" style="width: 100%; border: none; height: 1251px;" scrolling="no">

    </iframe>

    <script type="text/javascript">if (window.jQuery_1and1) {window.jQuery = window.jQuery_1and1;}</script>

    </div>

    </div>

     

    Su código simplemente seria lo siguiente.

     

    <div class="n diyfeLiveArea">

    <script type="text/javascript">if (window.jQuery) {window.jQuery_1and1 = window.jQuery;}</script><script type="text/javascript" src="https://form.jotformeu.com/jsform/60124214466346">

    </script>

    <iframe onload="window.parent.scrollTo(0,0)" src="" allowtransparency="true" frameborder="0" name="60124214466346" id="60124214466346" style="width: 100%; border: none; height: 1251px;" scrolling="no">

    </iframe>

    <script type="text/javascript">if (window.jQuery_1and1) {window.jQuery = window.jQuery_1and1;}</script>

    </div>

     

  • Profile Image
    cristianosvillena
    Answered on January 15, 2016 at 05:46 AM
    Buenos días otra vez.
    He probado con ese código y nada, desde el ordenador se visualiza
    correctamente pero no desde los terminales móviles.
    2016-01-14 20:12 GMT+01:00 JotForm :
    ...
  • Profile Image
    Charlie
    Answered on January 15, 2016 at 09:57 AM

    It seems like it is related on how you built your website. May we know how you embedded your form? Please contact the vendor or your web developer. If you checked your websites <style> tag, you'll see that there's a CSS that hides the class element .mediumScreenDisabled when the device width is less than 1024px. The form's embed code is inside the .mediumScreenDisabled, which will hide the form if it is viewed on a device with a screen side of 1024px and below. Please see yellow highlights on my screenshot below:

    Please adjust that CSS code to display your form properly on mobile devices.

    This is a similar case with another user in this thread: http://www.jotform.com/answers/705977.

    Do let us know if you need more help on this.

  • Profile Image
    cristianosvillena
    Answered on January 15, 2016 at 02:46 PM
    I embed like HTML object
    Enviado desde mi iPhone
    ...