What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by cristianosvillena on January 13, 2016 at 01:01 PM

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

     

    Page URL:
    http://cristianosvillena.com/secretar%C3%ADa/formulario-de-actualizaci<br/>%C3%B3n-socios/

  • Profile Image

    Answered by victor 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

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

    Answered by BDAVID 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

    Answered by cristianosvillena 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
    JotForm Support

    Answered by BDAVID 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

    Answered by cristianosvillena 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

    Answered by cristianosvillena 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

    Answered by victor 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

    Answered by cristianosvillena 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
    JotForm Support

    Answered by Charlie 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

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