Cómo Usar el Sistema de Colores en Workspace UI
Visión General
El sistema de colores permite asignar una pastilla de color visual a los registros en una ventana maestra. Una vez asignado un color, cada grilla en Workspace UI que referencie esa ventana mostrará automáticamente una etiqueta coloreada en lugar de texto plano, facilitando el escaneo e identificación de registros de un vistazo.
Prerequisite
Un desarrollador debe configurar primero la columna Color en el diccionario de datos para la ventana maestra. Si el campo de color no es visible en el formulario, contacta con tu administrador del sistema o sigue la developer guide.
Step 1 — Open the Master Record
- Inicia sesión en Etendo Classic con un rol que tenga acceso a la ventana maestra.
- Navega a la ventana maestra configurada con una columna de color.
- Abre un registro existente o crea uno nuevo.
Step 2 — Assign a Color
- Localiza el campo Color en el formulario. Acepta un código de color hexadecimal (por ejemplo,
#8E44AD). - Introduce directamente el valor hexadecimal deseado o utiliza el selector de color si está disponible.
- Haz clic en Save.
Tip
La UI calcula automáticamente un color de texto con contraste, pero elegir un color de rango medio (ni demasiado claro ni demasiado oscuro) ofrece el mejor resultado visual.
Step 3 — Verify the Color Badge in Workspace UI
- Abre Workspace UI (el frontend de Next.js).
- Navega a la ventana que contiene una columna de clave foránea que referencia la ventana maestra.
- En la grilla, localiza la columna que apunta a la ventana maestra.
El valor ahora aparece como una pastilla de color en lugar de texto plano, reflejando el color hexadecimal que asignaste.
Changing or Removing a Color
- Para change el color: abre el registro maestro, introduce un nuevo valor hexadecimal y guarda.
- Para remove el color: limpia el campo de color y guarda. La columna volverá a mostrarse como texto plano en todas las grillas.
This work is licensed under CC BY-SA 2.5 ES by Futit Services S.L.