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

  • cristianosvillena
    Fecha de consulta 13 de enero de 2016, 13:01

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

     

  • victor
    Fecha de respuesta 13 de enero de 2016, 16:08

    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.

     

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

  • cristianosvillena
    Fecha de respuesta 13 de enero de 2016, 16:46
    No, porque con otro tipo de formulario si se visualiza.
    Enviado desde mi iPhone
    ...
  • David Jotform Support Manager
    Fecha de respuesta 13 de enero de 2016, 21:38

    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:

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

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

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

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

     

  • cristianosvillena
    Fecha de respuesta 14 de enero de 2016, 9:47
    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 :
    ...
  • David Jotform Support Manager
    Fecha de respuesta 14 de enero de 2016, 11:10

    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;

    }

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

    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:

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

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

  • cristianosvillena
    Fecha de respuesta 14 de enero de 2016, 11:47
    I don´t know where I have to change this option.
    2016-01-14 17:09 GMT+01:00 Jotform :
    ...
  • cristianosvillena
    Fecha de respuesta 14 de enero de 2016, 12:46
    ¿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 :
    ...
  • victor
    Fecha de respuesta 14 de enero de 2016, 14:14

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

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

    <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 onDISABLEDload="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 onDISABLEDload="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>

     

  • cristianosvillena
    Fecha de respuesta 15 de enero de 2016, 5:46
    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 :
    ...
  • Charlie
    Fecha de respuesta 15 de enero de 2016, 9:57

    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:

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

    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.

  • cristianosvillena
    Fecha de respuesta 15 de enero de 2016, 14:46
    I embed like HTML object
    Enviado desde mi iPhone
    ...