Agregar un botón de acción interactivo a un formulario

Temas

Puede agregar campos interactivos a su formulario. Soda PDF puede agregar opciones preestablecidas como un botón Imprimir, botón Enviar, botón Correo electrónico y botón Guardar.

Este artículo no cubrirá cómo cambiar la apariencia de su botón, puede obtener más información en nuestra guía de propiedades de campo de formulario completo.

También puedes programar tu propio botón con JavaScript. En este artículo se tratará cómo puede agregar cada uno de los siguientes:

 

Otros temas que cubriremos:

 

Si aún no tienes Soda PDF, puedes comprarlo aquí.

 

buy now_es.png

 

Botón Enviar formulario

El botón Enviar formulario se puede utilizar para tener una forma automática de devolver formularios o valores una vez que un usuario ha completado el formulario.

Paso 1 - Agregar un botón de acción

  • Abra la pestaña Formulario.
  • Seleccione Botón.
  • Haga clic en Acción.

 

Screenshot_1.png

 

Paso 2 - Coloque el botón de acción en su PDF

Verá que el contorno del botón pulsador aparece en el documento. Puedes colocarlo donde quieras.

  • Haga clic en cualquier parte del archivo para colocar el botón.
    • Mantenga pulsado el botón izquierdo del ratón y arrastre el cursor para cambiar el tamaño del campo a medida que lo coloca.

 

Screenshot_2.png

 

Paso 3 - Abrir la ventana Añadir acción

  • Seleccione el botón mientras está en modo de edición.
  • Abra las Propiedades.
  • Haga clic en la pestaña Eventos.
  • Haga clic en Establecer junto a Acción.

 

Screenshot_3.png

 

Paso 4 - Elija la acción Enviar formulario

  • Haga clic en los 3 puntos en la ventana Añadir acción.
  • Elija la opción Enviar formulario.

 

Screenshot_4.png

 

Paso 5 - Configurar las opciones

  • Introduzca la URL a la que se enviará el formulario.
  • Elija el formato de archivo.
  • Elija los campos que se enviarán.

 

Screenshot_5.png

 

  • Si elige la opción Seleccionar campos, debe marcar los campos que desea enviar.
  • También puede optar por incluir campos vacíos e invertir la selección.
  • Haga clic en Aplicar cuando esté listo.

 

Screenshot_6.png

 

  • Cuando todos los ajustes estén configurados, haga clic en Aplicar para confirmar.

 

Screenshot_7.png

 

Paso 6 - Confirmar la acción

Su acción aparecerá en la ventana Añadir acción.

  • Haga clic en Añadir para finalizar.

 

Screenshot_8.png

 

Botón Guardar

Este botón activará el comando Guardar como cuando un usuario haga clic en él.

 

Paso 1 - Elige la opción Guardar botón

  • Abra la pestaña Formulario.
  • Seleccione Botón.
  • Haga clic en Guardar.

 

Screenshot_9.png

 

Paso 2 - Coloque el botón Guardar en su PDF

Verá que el esquema del cuadro aparece en su documento. Puedes colocarlo donde quieras.

  • Haga clic en cualquier parte del archivo para colocar el botón.
    • Mantenga pulsado el botón izquierdo del ratón y arrastre el cursor para cambiar el tamaño del campo a medida que lo coloca.

 

Screenshot_10.png

 

Ahora puede cambiar el tamaño de su botón o moverlo a cualquier lugar de su página en el modo de edición.

 

Screenshot_11.png

 

Botón Abrir archivo

Cuando un usuario hace clic en este botón, se abrirá un archivo específico. Tenga en cuenta que quien reciba este archivo necesitará acceso a la ubicación del archivo.

 

Paso 1 - Agregar un botón de acción

  • Abra la pestaña Formulario.
  • Seleccione Botón.
  • Haga clic en Acción.

 

Screenshot_1.png

 

Paso 2 - Coloque el botón de acción en su PDF

Verá que el contorno del botón pulsador aparece en el documento. Puedes colocarlo donde quieras.

  • Haga clic en cualquier parte del archivo para colocar el botón.
    • Mantenga pulsado el botón izquierdo del ratón y arrastre el cursor para cambiar el tamaño del campo a medida que lo coloca.

 

Screenshot_2.png

 

Paso 3 - Abrir la ventana Añadir acción

  • Seleccione el botón mientras está en modo de edición.
  • Abra las Propiedades.
  • Haga clic en la pestaña Eventos.
  • Haga clic en Establecer junto a Acción.

 

Screenshot_3.png

 

Paso 4 - Elija la acción Abrir archivo

  • Haga clic en la opción Abrir archivo en la ventana Añadir Acción.

 

Screenshot_12.png

 

Paso 5 - Elija su archivo y confirme la acción

  • Se abrirá una ventana de exploración y podrá elegir el archivo.
  • Su acción aparecerá en la ventana Añadir Acción, haga clic en Añadir para confirmar.

 

Screenshot_13.png

 

Botón Abrir página web

Cuando un usuario hace clic en este botón, se abrirá una página web específica.

 

Paso 1 - Agregar un botón de acción

  • Abra la pestaña Formulario.
  • Elija Botón.
  • Haga clic en Acción.

 

Screenshot_1.png

 

Paso 2 - Coloque el botón en su PDF

Verá que el esquema del botón aparece en su documento. Puedes colocarlo donde quieras.

  • Haga clic en cualquier parte del archivo para colocar el botón.
    • Mantenga pulsado el botón izquierdo del ratón y arrastre el cursor para cambiar el tamaño del campo a medida que lo coloca.

 

Screenshot_2.png

 

Paso 3 - Abrir la ventana Añadir acción

  • Seleccione el botón mientras está en modo de edición.
  • Abra las Propiedades.
  • Haga clic en la pestaña Eventos.
  • Haga clic en Establecer junto a Acción.

 

Screenshot_3.png

 

Paso 4 - Elija Abrir acción de página web

  • Haga clic en la opción Abrir página web en la ventana Añadir Acción.

 

Screenshot_14.png

 

Paso 5 - Introduce la URL

  • Introduzca la URL en el cuadro.
  • Haga clic en Aplicar para confirmar.

 

Screenshot_15.png

 

Paso 6 - Confirmar la acción

Su acción aparecerá en la ventana Añadir Acción.

  • Haga clic en Añadir para finalizar.

 

Screenshot_16.png

 

Botón de navegación de documentos

Cuando un usuario haga clic en este botón, se le dirigirá a una página específica de su PDF.

 

Paso 1 - Agregar un botón de acción

  • Abra la pestaña Formulario.
  • Seleccione Botón.
  • Haga clic en Acción.

 

Screenshot_1.png

 

Paso 2 - Coloque el botón de acción en su PDF

Verá que el esquema del botón aparece en su documento. Puedes colocarlo donde quieras.

  • Haga clic en cualquier parte del archivo para colocar el botón.
    • Mantenga pulsado el botón izquierdo del ratón y arrastre el cursor para cambiar el tamaño del campo a medida que lo coloca.

 

Screenshot_2.png

 

Paso 3 - Abrir la ventana Añadir acción

  • Seleccione el botón mientras está en modo de edición.
  • Abra las Propiedades.
  • Haga clic en la pestaña Eventos.
  • Haga clic en Establecer junto a Acción.

 

Screenshot_3.png

 

Paso 4 - Elige la acción Ir a la página

  • Haga clic en la opción Ir a la página en la ventana Añadir Acción.

 

Screenshot_17.png

 

Paso 5 - Navega a tu página de destino

  • Desplácese hasta la página de destino.
    • También puede utilizar las opciones de navegación en la esquina inferior derecha de la página.
  • Haga clic en la página para confirmar.

 

Screenshot_18.png

 

Paso 6 - Confirmar la acción

Su acción aparecerá en la ventana Añadir Acción.

  • Haga clic en Añadir para finalizar.

 

Screenshot_19.png

 

Botón Restablecer formulario

Cuando un usuario hace clic en este botón, puede elegir ciertos campos de formulario para restablecer.

 

Paso 1 - Agregar un botón de acción

  • Abra la pestaña Formulario.
  • Elija Botón.
  • Haga clic en Acción.

 

Screenshot_1.png

 

Paso 2 - Coloque el botón en su PDF

Verá que el esquema del botón aparece en su documento. Puedes colocarlo donde quieras.

  • Haga clic en cualquier parte del archivo para colocar el botón.
    • Mantenga pulsado el botón izquierdo del ratón y arrastre el cursor para cambiar el tamaño del campo a medida que lo coloca.

 

Screenshot_2.png

 

Paso 3 - Abrir la ventana Añadir acción

  • Seleccione el botón mientras está en modo de edición.
  • Abra las Propiedades.
  • Haga clic en la pestaña Eventos.
  • Haga clic en Establecer junto a Acción.

 

Screenshot_3.png

 

Paso 4 - Elija la acción Restablecer formulario

  • Haga clic en los 3 puntos en la ventana Añadir Acción.
  • Elija la opción Restablecer formulario.

 

Screenshot_20.png

 

Paso 5 - Elija los campos que se restablecerán

  • Marque las casillas junto a cualquier campo que deba restablecerse.
  • Haga clic en Aplicar para confirmar.

 

Screenshot_21.png

 

Paso 6 - Confirmar la acción

Su acción aparecerá en la ventana Añadir Acción.

  • Haga clic en Añadir para finalizar.

 

Screenshot_22.png

 

Botón Mostrar/Ocultar campo

La opción Mostrar campo le permite crear un desencadenador para mostrar campos ocultos. La opción Ocultar campo le permite ocultar determinados campos.

 

Paso 1 - Agregar un botón de acción

  • Abra la pestaña Formulario.
  • Elija Botón.
  • Haga clic en Acción.

 

Screenshot_1.png

 

Paso 2 - Coloque el botón en su PDF

Verá que el contorno del botón pulsador aparece en el documento. Puedes colocarlo donde quieras.

  • Haga clic en cualquier parte del archivo para colocar el botón.
    • Mantenga pulsado el botón izquierdo del ratón y arrastre el cursor para cambiar el tamaño del campo a medida que lo coloca.

 

Screenshot_2.png

 

Paso 3 - Abrir la ventana Añadir acción

  • Seleccione el botón mientras está en modo de edición.
  • Abra las Propiedades.
  • Haga clic en la pestaña Eventos.
  • Haga clic en Establecer junto a Acción.

 

Screenshot_3.png

 

Paso 4 - Elija Mostrar campo u Ocultar acción de campo

  • Haga clic en los 3 puntos en la ventana Añadir Acción.
  • Elija la opción Mostrar campo u Ocultar campo.

 

Screenshot_23.png

 

Paso 5 - Elija los campos que se ocultarán / revelarán

  • Elija los campos de formulario que deben ocultarse/revelarse.
  • Haga clic en Aplicar para confirmar.

 

Screenshot_24.png

 

Paso 6 - Confirmar la acción

Su acción aparecerá en la ventana Añadir Acción.

  • Haga clic en Añadir para finalizar.

 

Screenshot_25.png

 

Botón codificado de JavaScript

Puede codificar un botón que utilice un script creado con JavaScript.

 

Paso 1 - Agregar un botón de acción

  • Abra la pestaña Formulario.
  • Elija Botón.
  • Haga clic en Acción.

 

Screenshot_1.png

 

Paso 2 - Coloque el botón en su PDF

Verá que el esquema del botón aparece en su documento. Puedes colocarlo donde quieras.

  • Haga clic en cualquier parte del archivo para colocar el botón.
    • Mantenga pulsado el botón izquierdo del ratón y arrastre el cursor para cambiar el tamaño del campo a medida que lo coloca.

 

Screenshot_2.png

 

Paso 3 - Abrir la ventana Añadir acción

  • Seleccione el botón mientras está en modo de edición.
  • Abra las Propiedades.
  • Haga clic en la pestaña Eventos.
  • Haga clic en Establecer junto a Acción.

 

Screenshot_3.png

 

Paso 4 - Elige la acción de JavaScript

  • Haga clic en los 3 puntos en la ventana Añadir Acción.
  • Elija la opción JavaScript.

 

Screenshot_26.png

 

Paso 5 - Añade tu script

  • Introduzca el script en el cuadro.
  • Haga clic en OK para confirmar.

 

Screenshot_27.png

 

Paso 6 - Confirmar la acción

Su acción aparecerá en la ventana Añadir Acción.

  • Haga clic en Añadir para finalizar.

 

Screenshot_28.png

 

Gestión de múltiples acciones

Puede configurar su botón para tener varias acciones a la vez. Se activarán en el orden en que aparecen.

Puede reorganizar el orden de cualquier acción.

  • Arrastre y suelte acciones para cambiar el orden de ejecución de la acción.

 

Screenshot_29.png

 

Puede eliminar una acción del botón.

  • Haga clic en el icono de la papelera situado junto a la acción que desea eliminar.

 

Screenshot_30.png

 

Cambiar título del botón

Puede actualizar el título del botón que ve el usuario.

  • Seleccione el botón mientras está en modo de edición.
  • Abra las Propiedades.
  • Elija la pestaña Apariencia.

 

Screenshot_31.png

 

  • Abra la sección Texto.
  • Escriba su nuevo título y haga clic en cualquier otro lugar para confirmar.

 

Screenshot_32.png

 

Haga clic aquí para obtener más información sobre cómo cambiar las propiedades de apariencia de los campos de formulario.

 

Probando el botón

  • Cambie al modo Ver.
  • Haga clic en el botón.

 

Screenshot_33.png

 

Eliminar un botón

  • Haga clic en modo Editar.
  • Haga clic derecho en el botón.
  • Seleccione Eliminar.

 

Screenshot_34.png

¿Fue útil este artículo?

No
¿Tiene más preguntas? Enviar una solicitud