Corfix Form Builder: cómo utilizar el componente de firma.

1. Pestaña «Visualización»

La pestaña «Visualización» controla cómo se muestra el componente «Firma» al usuario.

• Etiqueta:

  • Este es el título principal del campo de firma que verán los usuarios. Es un campo obligatorio.

  • Ejemplo: «Firma de aprobación», «Firma del testigo», «Firma del cliente».

• Etiqueta del pie de página:

  • Texto que aparece justo debajo del área de dibujo de la firma, que indica al usuario dónde debe firmar.

  • Ejemplo: «Firme por encima de la línea», «Dibuje aquí su firma».

• Posición de la etiqueta:

  • Determina dónde se muestra la etiqueta principal en relación con la tableta de firma (p. ej., Arriba, Izquierda, Derecha, Abajo).

  • Predeterminado: Arriba.

• Color de fondo:

  • Establece el color de fondo del área de dibujo de la firma.

  • Valor predeterminado: rgb(245,245,245) (gris claro).

• Color del trazo:

  • Establece el color de la «tinta» o línea trazada por la firma del usuario.

  • Valor predeterminado: black.

• Descripción:

  • Proporciona un texto explicativo adicional para el componente, que suele mostrarse debajo de la etiqueta principal.

  • Ejemplo: «Por favor, introduzca su firma autorizada».

• Texto de ayuda:

  • Texto que aparece cuando el usuario pasa el ratón por encima del componente. Resulta útil para ofrecer ayuda rápida o contexto.

• Clase CSS personalizada:

  • Permite a los usuarios avanzados aplicar estilos personalizados al componente mediante clases CSS.

• Ocultar etiqueta:

  • Si se marca esta opción, no se mostrará la etiqueta principal del componente.

• Edición modal:

  • (Los detalles no se ven completamente en la captura de pantalla, pero normalmente se refiere a la edición en una ventana modal emergente).

2. Pestaña «Datos»

La pestaña «Datos» gestiona las propiedades de los datos subyacentes del campo de firma.

• Valores múltiples:

  • Si se marca, permite al usuario introducir varias firmas independientes en este campo. Por lo general, esto no es habitual en un componente de firma única, salvo que se trate de una lista de firmantes.

• Valor por defecto:

  • Este campo está destinado a una imagen o datos de firma preexistentes. Dado que se trata de un componente de dibujo, rara vez se utiliza, salvo que se establezca por defecto una imagen en blanco o un marcador de posición.

3. Pestaña «Validación»

La pestaña «Validación» define las reglas para el campo de firma.

• Obligatorio:

  • Si se marca esta casilla, el usuario deberá introducir una firma antes de enviar el formulario. Esto es muy habitual en los componentes de firma.

4. Pestaña «Condicional»

La pestaña «Condicional» le permite configurar reglas que determinan cuándo debe mostrarse u ocultarse este componente de firma en función de los valores de otros componentes del formulario.

• Simple:

  • Normalmente se trata de un botón de alternancia o un menú desplegable para elegir entre lógica condicional simple o avanzada.

• Este componente debe «Mostrar»:

  • Elija si el componente debe «Mostrarse» u «Ocultarse» (opciones implícitas) en función de la condición.

• Cuando el componente del formulario:

  • Seleccione otro componente de su formulario cuyo valor active la condición.

• Tenga el valor:

  • Especifique el valor exacto que debe tener el componente del formulario seleccionado para que se cumpla la condición.

  Ejemplo: Podría configurar una regla para que el campo «Firma del supervisor» solo se muestre cuando la casilla «Requiere aprobación del supervisor» esté marcada.

Panel de vista previa

El panel de vista previa, situado a la derecha del cuadro de diálogo, le muestra cómo aparecerá visualmente el campo «Firma» en su formulario. Incluye el área de dibujo y una etiqueta de pie de página «Firmar arriba», lo que le ofrece una visión en tiempo real del aspecto del componente.

Acciones en la parte inferior del cuadro de diálogo:

• Guardar: guarda todos los cambios realizados en la configuración del componente de firma.

• Cancelar: descarta cualquier cambio no guardado y cierra el cuadro de diálogo.

• Eliminar: Elimina el componente de firma del formulario.

Prácticas recomendadas para el componente de firma:

• Etiquetas claras: utilice una «Etiqueta» precisa (por ejemplo, «Firma del empleado») y una «Etiqueta de pie de página» orientativa (por ejemplo, «Firme aquí») para que los usuarios sepan dónde y qué deben firmar.

• Establezca el campo como obligatorio: A efectos legales o de verificación, marque siempre la casilla «Obligatorio» en la pestaña «Validación» para garantizar que se proporcione una firma.

• Configure los colores para facilitar la legibilidad: elija un «color de fondo» y un «color de pluma» que contrasten (como el fondo gris claro predeterminado con pluma negra) para que la firma se vea con claridad.

• Utilice la visualización condicional: muestre el campo de firma únicamente cuando sea lógicamente necesario (por ejemplo, «Firma del cliente» solo aparece después de que este haya aceptado los términos).

• Limite los «valores múltiples»: por lo general, mantenga la opción «Valores múltiples» desmarcada, a menos que necesite específicamente varias firmas distintas dentro de una misma instancia del componente de firma.