Corfix Form Builder: uso del componente «Número»

El componente «Número» permite a los clientes de Corfix introducir números en los formularios de Corfix. Una característica especial de este campo es que, en dispositivos móviles, abre el teclado numérico en lugar del teclado normal

Base de conocimientos de Corfix: Configuración del componente numérico

Esta guía explica los distintos ajustes disponibles para un «componente numérico» en Corfix, tal y como se muestra en las capturas de pantalla adjuntas.

Al añadir o editar un componente numérico, aparecerá un cuadro de diálogo con cuatro pestañas principales: «Visualización», «Datos», «Validación» y «Condicional».

1. Pestaña «Visualización»

La pestaña «Visualización» controla cómo se muestra al usuario el campo de introducción de números.

Etiqueta:
- Este es el nombre visible de su campo numérico que verán los usuarios. Es un campo obligatorio.
- Ejemplo: «Cantidad», «ID de empleado», «Temperatura».
Posición de la etiqueta:
- Determina dónde se muestra la etiqueta con respecto al cuadro de introducción de números (p. ej., 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. Es una indicación para el usuario sobre qué tipo de número debe introducir.
- Ejemplo: «Introduzca un número entre 1 y 100».
Descripción:
- Proporciona texto explicativo adicional para el campo, que suele mostrarse debajo del cuadro de entrada.
- Ejemplo: «Introduzca el número total de horas trabajadas».
Información sobre herramientas:
- Texto que aparece cuando el usuario pasa el ratón por encima del campo. Resulta útil para ofrecer ayuda rápida o contexto.
Prefijo:
- Texto o símbolo que aparece antes del campo de entrada, utilizado a menudo para símbolos monetarios o unidades de medida.
- Ejemplo: «$», «€», «N.º».
Sufijo:
- Texto o símbolo que aparece después del campo de entrada, que suele utilizarse para las unidades de medida.
- Ejemplo: «kg», «lbs», «cm», «°C».
Clase CSS personalizada:
- Permite a los usuarios avanzados aplicar estilos personalizados al campo numérico 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 campo numérico.
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 esta casilla, 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 numérico.

Valores múltiples:
- Si se marca, permite al usuario introducir varios valores numéricos en este campo (por ejemplo, una lista de puntuaciones).
Valor por defecto:
- El valor numérico preestablecido que aparece en el campo de entrada al cargar el formulario. Los usuarios pueden modificar este valor.
- Ejemplo: en un campo «Cantidad», podría establecer el valor por defecto en «1».
Utilizar separador de miles:
- Si se marca, el número se mostrará con un separador de miles (por ejemplo, 1.000.000 en lugar de 1000000).
Decimales:
- Especifica el número de decimales permitidos para la introducción de números.
- Ejemplo: Si introduce «2», se permitirán números como «10,50».
Requiere decimales:
- Si se marca esta casilla, se exigirá al usuario que introduzca un valor decimal.

3. Pestaña «Validación»

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

Obligatorio:
- Si se marca esta casilla, el usuario deberá introducir un valor en este campo antes de enviar el formulario.
Valor mínimo:
- El valor numérico más pequeño permitido en el campo. Si el usuario introduce un número inferior a este, se producirá un error.
- Ejemplo: Para el campo «Edad», podría establecer el valor mínimo en «18».
Valor máximo:
- El valor numérico más alto permitido en el campo. Si el usuario introduce un número superior a este, se producirá un error.
- Ejemplo: Para «Puntuación», podría establecer el valor máximo en «100».

4. Pestaña «Condicional»

La pestaña «Condicional» le permite configurar reglas que determinan cuándo debe mostrarse u ocultarse este componente numérico 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 seleccionar entre lógica condicional simple y avanzada.
Este componente debe mostrarse:
- 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 (o rango/condición, según el contexto) que debe tener el componente del formulario seleccionado para que el componente numérico se muestre u oculte.
Ejemplo: Podría configurar una regla para que el campo numérico «Importe del descuento» solo se muestre cuando la casilla «¿Aplicar descuento?» esté marcada (es decir, tenga el valor «verdadero»).

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

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

Área de vista previa

El área de vista previa muestra una representación visual en tiempo real de cómo aparecerá su campo de texto en el formulario. Los cambios en la configuración, como «Etiqueta», «Texto de lugar», «Prefijo» o «Sufijo», se reflejan aquí de forma inmediata.

Prácticas recomendadas

Utilice etiquetas claras: elija nombres de campo sencillos y fáciles de entender (por ejemplo, «Nombre completo» en lugar de «Entrada 1»).
Proporcione sugerencias (texto de ayuda/descripción): utilice el texto de ayuda para ofrecer ejemplos (como «example@email.com») y la descripción para incluir instrucciones breves.
Marque los campos obligatorios: marque siempre la casilla «Obligatorio» para la información que sea imprescindible rellenar.
Muestre los campos solo cuando sea necesario (condicional): oculte los campos hasta que sean relevantes, como mostrar «Otros detalles» únicamente si se ha seleccionado «Otros» en otra parte.
Añada texto fijo (prefijo/sufijo): utilice prefijos o sufijos para las unidades (p. ej., «cm») o para partes fijas de los códigos (p. ej., «ID-»).