Cambiar vista móvil a una vista de escritorio.

  • poslink
    Fecha de consulta 29 de junio de 2020, 14:09

     Hola, despues de actualizar a la nueva version del Widget de Purchase Order y elegir la opción Single Column

    Al visualizar en movil. Aparece de la siguiente forma

    15934536722020 06 11 (4) Screenshot 10

    Me gustaría saber si existe la posibilidad de poder visualizarlo de la siguiente forma en version movil tambien.

    15934538262020 06 11 Screenshot 21

    Muchas gracias de antemano!

    =)

    Jotform Thread 2418883 Screenshot
  • David Jotform Support Manager
    Fecha de respuesta 29 de junio de 2020, 14:40

    Buen día, gracias por contactarnos. Sería posible lograr una vista similar a la vista de escritorio en la vista móvil.

    Por favor intente con el siguiente código CSS: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){

    .form-line[data-payment="true"] div[data-wrapper-react="true"] .form-product-item.new_ui .form-product-item-detail.new_ui {

        display: flex !important;

        flex-wrap: nowrap !important;

    }

    }

    Resultado:

    1593455919result Screenshot 10

  • poslink
    Fecha de respuesta 30 de junio de 2020, 15:38

    Agradezco muchísimo la respuesta,

    Pero quisiera lograr poder verlo lo mas parecido a cuando volteo mi telefono. Anexo captura.

    Muchas gracias de antemano =)

    1593545884WhatsApp Image 2020 06 30 at 2 Screenshot 10

  • Kevin Support Team Lead
    Fecha de respuesta 1 de julio de 2020, 12:37

    Me temo que no es posible mostrar los elementos de la misma forma, esto debido al hecho que el espacio para los elementos es más reducido en dispositivos móviles mientras tienes el dispositivo en modo vertical, al momento de intentar mostrar los elementos de los productos de la misma manera, todos los textos e imágenes tendrían que ser demasiado pequeños que serian casi ilegibles, es por esta razón que notas la diferencia cuando ves el formulario en móvil, los elementos se ajustan con el fin de permitir al usuario visualizar todos los elementos sin dificultad.