Ocultar el botón de enviar y mostrar solo el de guardar

  • Profile Image
    migramente
    Fecha de consulta 1 de junio de 2023, 11:46

    Quiero agregar un boton de GUARDAR pero no puedo quitar el de ENVIAR

    Como puedo colocar un boton de GUARDAR en el medio de la forma sin el boton de ENVIAR

  • Profile Image
    Alejandro Jotform Support
    Fecha de respuesta 2 de junio de 2023, 20:47

    Hola Celeste,

    Gracias por contactarte con el Soporte de Jotform. Es posible ocultar el botón de enviar sin ocultar el de guardar al insertar un código CSS personalizado en tu formulario. Te explico:

    • Abre el formulario en el Creador de Formularios y abre el Diseñador de formularios haciendo clic en el icono de rodillo de pintura.
    • En la pestaña de Estilos, baja e inserta el siguiente código en el cuadro para Insertar CSS Personalizado. Así podrás ocultar el botón de enviar de la mitad del formulario y mostrar el del final del formulario.
    .form-submit-button.submit-button.jf-form-buttons.jsTest-submitField {

    }

    #input_241 { 
          display: none;
    }


    Aquí puedes ver el resultado:

    Ocultar el botón de enviar y mostrar solo el de guardar Image 1 Screenshot 20

    Haz la prueba y déjanos saber si tienes cualquier otra pregunta.

  • Profile Image
    migramente
    Fecha de respuesta 4 de junio de 2023, 16:22

    Muchas gracias, excelente respuesta!

  • Profile Image
    migramente
    Fecha de respuesta 4 de junio de 2023, 16:25

    Solamente se puede hacer una vez?
    Como sería en el caso de querer agregarlo en cada uno de los colapsables?

  • Profile Image
    migramente
    Fecha de respuesta 5 de junio de 2023, 9:41

    Debería cambiarle el numero de input para que modifique otros botones?
    Como puedo saber como hacerlo bien en otros casos?
    Quedo atenta a su respuesta.
    Muchas gracias

  • Profile Image
    Harvey Enterprise Support
    Fecha de respuesta 6 de junio de 2023, 7:46

    Hola Celeste,

    Gracias por volver con nosotros. Nuestros soportes en español no están disponibles actualmente, pero haré todo lo posible para ayudarlo con su inquietud utilizando una herramienta de traducción. Entiendo que deseaba ocultar el botón Enviar para cada sección colapsada. Para hacerlo, solo necesitará obtener el ID de entrada del botón de envío y agregar un nuevo código CSS para cada uno. Así es cómo:

    • Abra su formulario en Form Builder y haga clic en el botón Enviar que desea ocultar.
    • Haga clic en Propiedades y haga clic en la pestaña Avanzado.Ocultar el botón de enviar y mostrar solo el de guardar Image 1 Screenshot 30
    • Haga clic en la flecha Detalles del campo para mostrar el ID de entrada.Ocultar el botón de enviar y mostrar solo el de guardar Image 2 Screenshot 41

    Eso es todo. Ahora tiene el ID de entrada del botón de envío. Luego puede insertar un nuevo CSS utilizando la misma guía que mi colega proporcionó para ocultar otro botón de envío para cada sección, simplemente actualice la ID de entrada.

    Let us know if you have any questions.