CENTRAR CUADROS EN FORMULARIO

  • PLURALISMOYCONVIVENCIA
    Fecha de consulta 16 de noviembre de 2023, 9:14

    Buenos días, a ver si me pueden ayudar:

    Me gustaría mejorar la imagen de mis formularios. Estoy trabajando en el formulario que sale en la imagen con titulo Memoria ayuda en concurrencia 2023 y me pregunto si se pueden centrar algunos cuadros pues salen siempre pegados al margen izquierdo. Les pongo algunos ejemplos con imágenes para que entiendan lo que quiero decir: 

    CENTRAR CUADROS EN FORMULARIO Image 1 Screenshot 60

    CENTRAR CUADROS EN FORMULARIO Image 2 Screenshot 71

    CENTRAR CUADROS EN FORMULARIO Image 3 Screenshot 82

    CENTRAR CUADROS EN FORMULARIO Image 4 Screenshot 93

    CENTRAR CUADROS EN FORMULARIO Image 5 Screenshot 104


  • Ryan Jotform Support
    Fecha de respuesta 16 de noviembre de 2023, 11:46

    Hi Enrique,

    Thanks for reaching out to Jotform Support. Unfortunately, our Spanish Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Spanish, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

    Now, let me help you with your question. To center the fields on your form, please inject the CSS code in your form below:

    /* Center the form fields - TicketID#9191971 */
    table {
    margin: auto !important;
    }

    #cid_620, #cid_683 {
    margin: 0 auto !important;
    }
    /* Ends here */

    To inject the CSS Code in your form, check out the steps and screencast below:

    1. Open your form in Form Builder, and click on the Paint Roller icon on the right side of the page to open Form Designer.
    2. Under the Styles tab, scroll down and paste the code into the Inject CSS Code box.

    CENTRAR CUADROS EN FORMULARIO Image 1 Screenshot 40
    Result:

    CENTRAR CUADROS EN FORMULARIO Image 2 Screenshot 51
    CENTRAR CUADROS EN FORMULARIO Image 3 Screenshot 62
    Give it a try and let us know how it goes.

  • PLURALISMOYCONVIVENCIA
    Fecha de respuesta 17 de noviembre de 2023, 5:28

    Muchas gracias por vuestra ayuda

  • PLURALISMOYCONVIVENCIA
    Fecha de respuesta 20 de noviembre de 2023, 6:31

    Buenos días, como pueden comprobar he insertado su código en el formulario. En un principio funcionó pero como pueden comprobar actualmente no funciona pues no centra los cuadros.

    CENTRAR CUADROS EN FORMULARIO Image 1 Screenshot 30

    No centra los cuadros:

    CENTRAR CUADROS EN FORMULARIO Image 2 Screenshot 41

  • Ryan Jotform Support
    Fecha de respuesta 20 de noviembre de 2023, 7:47

    Hi Enrique, 

    Thanks for getting back to us. I cloned your form and tested it to see if I could replicate the issue, and I ran into the same problem. As I checked, it seems you have only updated the width of your Input Table on the injected CSS. Can you tell us what update you have made on your form where it changes back to the previous state as it could be the cause of the issue?

    Also, you can see in my previous cloned form that the Long Text field is centered. Check out the screenshot below:

    CENTRAR CUADROS EN FORMULARIO Image 1 Screenshot 20
    You can check my clone form here.

    After we hear back from you, we’ll have a better idea of what’s going on and how to help.

  • PLURALISMOYCONVIVENCIA
    Fecha de respuesta 20 de noviembre de 2023, 7:54

    Hola, efectivamente he tenido que volver a versiones antiguas pues al ingresar en el diseñador avanzado y guardar los cambios en los colores el logo me aparecía gigante. Es cuando he vuelto a versiones antiguas cuando no me ha funcionado el centrado de los cuadros. ¿podrían colocar su versión clonada en mis formularios y señalar la estrella de favorito, me gustaria poder seguir trabajando con la versión que ustedes conservan.

  • Ryan Jotform Support
    Fecha de respuesta 20 de noviembre de 2023, 8:20

    Hi Enrique, 

    Thanks for getting back to us. I’m sorry you're having difficulties with this. I checked your form and it seems you only have a single submission on it yet. You might want to consider cloning my cloned form instead. Let me show you how to do that:

    1. Go to your My Forms Page, and click on the Create Form button in the upper-left corner.

    CENTRAR CUADROS EN FORMULARIO Image 1 Screenshot 50
    2. Select the Import Form.

    CENTRAR CUADROS EN FORMULARIO Image 2 Screenshot 61
    3. Select From a web page and paste the cloned form link in the Enter URL field.

    CENTRAR CUADROS EN FORMULARIO Image 3 Screenshot 72
    4. Finally, click on the Create Form button at the bottom.

    CENTRAR CUADROS EN FORMULARIO Image 4 Screenshot 83
    Give it a try and let us know how it goes.

  • PLURALISMOYCONVIVENCIA
    Fecha de respuesta 21 de noviembre de 2023, 3:12

    Buenos días, no me deja clonarlo. Si pueden hacerlo ustedes se lo agradecería.

    CENTRAR CUADROS EN FORMULARIO Image 1 Screenshot 20

  • Mikhail Jotform Support
    Fecha de respuesta 21 de noviembre de 2023, 5:43

    Hi Enrique.

    Thanks for getting back to us. Can you try cloning it again? I have disabled the Prevent Cloning feature from the cloned form so you should be able to clone it. Check out the screencast below:

    CENTRAR CUADROS EN FORMULARIO Image 1 Screenshot 20

    Give it a try and let us know if you need any help.

  • PLURALISMOYCONVIVENCIA
    Fecha de respuesta 21 de noviembre de 2023, 7:17

    Ok muchas gracias ahora si he podido clonar el formulario.

    Un saludo¡¡