Corfix Form Builder: Uso del componente «Área de texto»

El componente «Área de texto» permite a los clientes de Corfix recopilar entradas de texto de formato libre en los formularios. El área de texto se utiliza para recopilar entradas de texto más largas, de varias líneas, de los usuarios.

Dónde encontrarlo

En su generador de formularios de Corfix, haga clic en un componente de área de texto para acceder al panel de configuración. Verá cuatro pestañas:

Visualización
Datos
Validación
Condicional

Cada pestaña controla diferentes aspectos del comportamiento del campo.

1. Pestaña «Visualización»

La pestaña «Visualización» controla cómo se muestra el área de texto al usuario.

Etiqueta:
- Este es el nombre visible de su campo de área de texto que verán los usuarios. Es un campo obligatorio.
- Ejemplo: «Comentarios», «Descripción detallada», «Actas de la reunión».
Posición de la etiqueta:
- Determina dónde se muestra la etiqueta con respecto al cuadro de entrada de texto (por ejemplo, Arriba, Izquierda, Derecha, Abajo).
- Valor predeterminado: Arriba.
Texto de ayuda:
- Texto que aparece dentro del campo de entrada antes de que el usuario escriba nada. Sirve de indicación al usuario sobre qué debe introducir.
- Ejemplo: «Introduzca aquí sus comentarios detallados».
Descripción:
- Proporciona texto explicativo adicional sobre el campo, que suele mostrarse debajo del cuadro de entrada.
- Ejemplo: «Por favor, facilite tantos detalles como sea posible sobre el problema».
Líneas:
- Especifica la altura inicial visible del área de texto en líneas. Los usuarios suelen poder cambiar su tamaño si la opción «Expandir automáticamente» no está activada.
- Valor predeterminado: 3.
Información sobre herramientas:
- Texto que aparece cuando el usuario pasa el ratón por encima del campo. Resulta útil para proporcionar ayuda rápida o contexto.
Prefijo:
- Texto que aparece antes del área de texto.
Sufijo:
- Texto que aparece después del área de texto.
Expansión automática:
- Si se marca esta opción, el área de texto aumentará automáticamente de altura a medida que el usuario escriba más contenido, lo que elimina la necesidad de una barra de desplazamiento.
Clase CSS personalizada:
- Permite a los usuarios avanzados aplicar estilos personalizados al área de texto mediante clases CSS.
Autocompletado:
- Controla el comportamiento de autocompletado del navegador (por ejemplo, «activado» o «desactivado»).
- Valor predeterminado: «activado».
Ocultar etiqueta:
- Si se marca esta casilla, no se mostrará la etiqueta del área de texto.
Permitir corrección ortográfica:
- Si se marca, se habilita la revisión ortográfica para el área de texto (depende del navegador).
Edición modal:
- (Los detalles no se ven completamente en la captura de pantalla, pero suele referirse a la edición en una ventana modal emergente).
Incluir en informes:
- Si se marca, los datos de este campo se incluirán en los informes.

2. Pestaña «Datos»

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

Valores múltiples:
- Si se marca, permite al usuario introducir varias entradas de texto largo independientes en este campo.
Valor por defecto:
- El texto prellenado que aparece en el área de texto cuando se carga el formulario. Los usuarios pueden anular este valor.

3. Pestaña «Validación»

La pestaña «Validación» define las reglas para garantizar que los datos introducidos por el usuario sean válidos y cumplan criterios específicos para la entrada de texto extenso.

Obligatorio:
- Si se marca esta casilla, el usuario deberá introducir algún texto en este campo antes de enviar el formulario.
Longitud mínima:
- El número mínimo de caracteres permitido en el área de texto.
Longitud máxima:
- El número máximo de caracteres permitidos en el área de texto.
Longitud mínima de las palabras:
- El número mínimo de caracteres que debe tener una palabra dentro del área de texto.
Longitud máxima de la palabra:
- El número máximo de caracteres que puede tener una palabra dentro del área de texto.

4. Pestaña «Condicional»

La pestaña «Condicional» le permite configurar reglas que determinan cuándo debe mostrarse u ocultarse este componente de área de texto 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 área de texto «Notas adicionales» solo se muestre cuando la casilla «¿Necesita más explicación?» esté marcada (es decir, tenga el valor «verdadero»).

Panel de vista previa

El área de vista previa, situada a la derecha del cuadro de diálogo, le muestra cómo aparecerá visualmente el «Área de texto» en su formulario. A medida que ajuste parámetros como la etiqueta, el texto de lugar deholder o el número de filas, verá cómo estos cambios se reflejan en tiempo real.

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

Guardar: guarda todos los cambios realizados en la configuración del componente «Área de texto».
Cancelar: descarta cualquier cambio no guardado y cierra el cuadro de diálogo.
Eliminar: Elimina el componente «Área de texto» del formulario.

Prácticas recomendadas para el componente «Área de texto»:

Etiqueta descriptiva: utilice siempre una etiqueta clara que indique qué tipo de texto extenso se espera (por ejemplo, «Notas detalladas», «Descripción del trabajo»).
Establecer filas iniciales: Ajuste el número de «Filas» para proporcionar a los usuarios suficiente espacio visible para introducir datos sin que el formulario resulte demasiado largo al principio. Entre 3 y 5 filas suele ser un buen punto de partida.
Considere la opción «Expandir automáticamente»: en los campos en los que la longitud de la entrada varía considerablemente, marcar la casilla «Expandir automáticamente» proporciona una mejor experiencia de usuario al evitar que aparezcan barras de desplazamiento.
Utilice la validación para garantizar la calidad: marque «Obligatorio» si el texto es esencial y considere la opción «Longitud mínima» si se requiere una cantidad considerable de detalles.
Visualización condicional: muestre los campos de texto solo cuando sea necesario (por ejemplo, «Descripción del problema» solo aparece si se marca «Se ha detectado un problema»).