Cambiar vista móvil a una vista de escritorio.

  • poslink
    Answered on June 29, 2020 02:09 PM

     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
    Answered on June 29, 2020 02:40 PM

    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
    Answered on June 30, 2020 03:38 PM

    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
    Answered on July 01, 2020 12:37 PM

    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.