¿Cómo ajustar vista móvil a la pantalla?

Hola!

Cuando programamos el formulario, se ve excelente en vista de escritorio, pero en vista móvil, los botones se pegan entre si y deja un gran espacio abajo. Como podríamos solucionar esto?

La idea es que en vista móvil y de tablet los botones se vean estéticamente bien y que no quede ese gran espacio en abajo (donde se ve la imagen sin ninguna transparencia).

Las primeras paginas son archivos de imagen, quizá sea por eso, pero hay alguna forma de al menos centrar la vista de las imagenes al centro del teléfono y tambien que los botones no se peguen entre si?

Agradecemos cualquier alternativa que nos puedan brindar para mejorar la estética del formulario.

Agradecemos su ayuda.

Bendiciones.

https://www.jotform.com/form/230809121476050

Hola Resurrection,

Gracias por contactarte con el Soporte de Jotform. Efectivamente, esto pasa cuando el contenido de la página es poco, o no expande lo suficiente como para cubrir la pantalla completa del dispositivo móvil, causando que el último campo del formulario(botón de enviar) se vea más arriba, exponiendo la imagen de fondo como podemos ver en tu imagen.

De igual manera, estoy revisando con el equipo si sería posible fijar estos botones al fondo de la página en la vista móvil, al igual que cambiar su ancho, y te haremos saber por este hilo al tener una respuesta.

Una alternativa que puedes explorar sería cambiar el formato de tus páginas y transcribir este texto de las imágenes a campos de párrafo dentro de tu formulario, los cuales puedes personalizar a tu gusto y al estos ocupar más espacio, no tendrás el mismo inconveniente, te explico:

• Crea una nueva página y agrega un elemento de Párrafo.
• Transcribe el contenido de las imágenes a estos elementos, ya sea en un solo elemento de párrafo o utilizando todos los que necesites.
• Configura un tamaño de texto legible y adecúalo a tus necesidades.
• Puedes también agregar luego individualmente imágenes como logos, marcas, opciones de contacto y lo que necesites. Incluso en el mismo elemento de Párrafo.

De igual manera, aquí te dejo esta guía sobre los distintos elementos de Jotform, como también te dejo un enlace a unas guías sobre cómo mejorar el diseño de tu formulario.

Por favor no dudes en contactarnos si tienes cualquier otra pregunta.

Hola, Alejandro.

Te agradecemos mucho tus consejos.

Quedamos atentos a como solucionar lo del tamaño-ancho de los botones que se juntan en vista móvil y como fijarlos al fondo.

Hola Resurrection CR,

Para evitar confusiones he movido tu nueva consulta a otro hilo. Puedes ver nuestra respuesta aquí.

Hola Catherine,

Te agradezco mucho. Hemos visto tu respuesta en el otro hilo y nos ha servido de maravilla! Muchas gracias!

En este hilo quedamos al pendiente a la configuración de los botones.

Muchas gracias, equipo.

Bendiciones!

Hola Resurrection CR,

Gracias por tu paciencia, lo apreciamos. Para modificar el aspecto de los botones, puedes probar el siguiente código CSS personalizado, el cual puedes ingresar en tu formulario de la siguiente manera:

• Abre el formulario en el constructor de formularios y presiona el botón de Diseñador de formulario a la derecha.

• Selecciona la pestaña de Estilos y baja hasta encontrar un cuadro para insertar el código CSS Personalizado.
• Copia y pega el código compartido aquí debajo dentro de este cuadro y presiona guardar.
  
  

Código CSS Personalizado:

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

.form-pagebreak-back-container, .form-pagebreak-next-container {

padding: 0px 30px !important;

}

}

Ahora, debes poder ver los botones de la siguiente manera:

De igual manera, no dudes en contactarnos si tienes cualquier otra pregunta.

Hola Resurrection CR,

Gracias por contactarte de nuevo con el Soporte de Jotform. He movido tu pregunta a un nuevo hilo para tratar los temas por separado, puedes ver mi respuesta a través de este enlace.

Por favor no dudes en contactarnos si tienes cualquier otra pregunta.