Como hacer que la imagen del widget de imagen deslizante conserve sus dimensiones

Qué tal? cuando utilizo ese widget subo la imagen pero no se respetan las dimensiones (no tiene la opción de candado), en pantalla de computador se ve bien pero en la pantalla de móvil se ve estirado.

Hola @misscupcakes,

Si desea que el Image Slider Widget tenga capacidad de respuesta móvill, deberá insertar código CSS en el widget. 

Aquí hay una captura de pantalla para demostrar dónde puede insertar el CSS

Puede probar el siguiente código CSS en su widget y háganos saber si funciona para usted.

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

img.form-image {

    max-width: 100%;

    height: auto;

}

Corrección, utilice el siguiente CSS

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

    li#id_124 {

        max-width: 100%;

        height: auto;

    }

}

Hola, gracias por la información, la probé pero sigue apareciendo igual :(

Gracias por informar el resultado de su prueba.

Puede probar el siguiente código.

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

img{

    width: 100% !Important;

    height: auto !important;

}

.slidesjs-container,.slidesjs-control{

    height: 260px !important;

}

}

Funcionó perfecto! muchas gracias :)

Hola! me di cuenta que queda un espacio en blanco solo en la vista de móvil (no en la desktop) pero no quiero mover el código para no arruinarlo. Cómo podría eliminar ese espacio? Gracias!

Hola, gracias por notificarnos el problema.

Puedo ver el espacio en blanco desde mi teléfono móvil.

Para eliminar el espacio en blanco, deberá ingresar más CSS directamente en el formulario. How-to-Inject-Custom-CSS-Codes

Puede dejar el código en el widget como está y solo agregar el siguiente CSS en el formulario.

#id_124 {

    height: 100px !important;

}

Hola, gracias, lo intenté pero me sigue apareciendo el espacio.

Buen día, por favor intente agregar el siguiente código al CSS general del formulario: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

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

#customFieldFrame_124{

    height: 100px !Important;

}

}

Resultado:

Muchas gracias, me funcionó bien, pero cuando traté de replicarlo en este otro formulario que es muy similar no me dejó, hay algún código que deba cambiar? 

Gracias!

https://form.jotform.com/misscupcakes/hoy

Parece que el código CSS que está en su nuevo formulario tiene varios errores.

Consulte el siguiente viedo para ver cómo eliminar estos errores.

Después de eliminar los errores, agregue el siguiente codigo e intente nuevamente su formulario y avísenos si el problema persiste.

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

#customFieldFrame_124{

    height: 100px !Important;

}

}

Funcionó perfecto, gracias!

Hola, traté de replicarlo en otro formulario pero sigue apareciendo ese espacio en la versión web, qué código tendría que colocar? Gracias!

https://www.jotform.com/build/201688662063661

Hola,

Gracias por su mensaje.

En este caso, por favor agregue el siguiente código a su formulario:

#id_140{

  margin-bottom: -128px!Important;

}

También agregue la llave de cierre que faltaba en su código para evitar inconvenientes.

Si necesita más ayuda, háganos saber. Estaremos encantados de ayudar.

Hola! ahora me aparece un espacio menor en la versión celular pero la imagen se acorta en la versión web.

Hola,

Al parecer es un inconveniente con el preview de el constructor de Jotform, pero el form funciona sin problemas en el navegador del teléfono y el escritorio.

Si necesita más ayuda, háganos saber. Estaremos encantados de ayudar.