> For the complete documentation index, see [llms.txt](https://wedocs.gitbook.io/wedocs-5.1/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wedocs.gitbook.io/wedocs-5.1/wedocs-4.5-es_es/cliente-desktop/criacao-e-edicao-de-dashboards/componente-cartao.md).
# Componente Tarjeta
### Ejemplo:
El componente *Tarjeta* permite la sumarización de valores de forma simple y agrupados en divisiones de Series. Otra aplicación práctica de este objeto es la posibilidad de analizar variaciones de valores automáticamente, verificando un valor monitoreado en relación con un valor objetivo, y al mismo tiempo pudiendo ser clasificados.
Las unidades de cada división de la tarjeta pueden asumir colores, según reglas de formato, que pueden ser colores fijos o dinámicos de acuerdo con valores actualizados provenientes del metadato de este objeto.
Para su creación, en la última pantalla del asistente del componente *Tarjeta*, es necesario seleccionar al menos un campo y arrastrarlo a la área *Valores* y, si se desea, se pueden agregar uno o más campos a la área *Series*, dividiendo el valor en varias tarjetas.
La lista a la izquierda de la pantalla muestra los *Campos* *disponibles*, según lo proporcionado por el metadato informado en la creación del componente en fases anteriores. Si falta algún campo o aún no existe, edite su metadato o cree un campo calculado.
Para los campos en *Series* es posible cambiar su formato. Esta opción es una funcionalidad genérica y tiene más información en el tema **Componentes -** **Opciones Generales** de este mismo documento.
Para *Valores*, para analizar un valor simple basta con arrastrar un campo a la área de valores, donde será posible cambiar el título, la función de agregación (Suma, Promedio, Conteo, Máximo, Mínimo) y su formato.
Si se referencian 2 valores juntos en esta área de valores, el primer valor será un valor monitoreado y comparado con el segundo valor mencionado. Al utilizar esta técnica, podemos aplicar el cálculo automático de variación, que se verá en algunas de las próximas pantallas de configuración de este objeto.
### Ejemplo de resultado práctico:
En su modo de edición permite realizar cambios en su *layout*, incluyendo la *Formateo* *Condicional* y *Personalizaciones*. Para configurar una escala de colores para las tarjetas, por ejemplo, basta con entrar en la opción *Menú* *Lateral* >> *Tarjeta* *(Predeterminado)* >> *Color de fondo* >> *Modo* y seleccionar la opción *Escala*:
En esta opción será posible utilizar los patrones de escala predeterminados y modificarlos según sea necesario o incluso crear su propia escala seleccionando cuál *Variable* está siendo utilizada.
Otra opción importante son las configuraciones de las *Líneas*, en las cuales los colores, textos e íconos que aparecen como contenido son seleccionados y formateados según la necesidad.
La tarjeta tiene tres líneas, dos más pequeñas en las áreas *Inferior* y *Superior* de la tarjeta y una más destacada denominada *Intermedia*.
En la imagen anterior se puede visualizar un ejemplo del formato de la *Línea* *inferior* de la tarjeta. Entre las opciones disponibles, destaca el campo *Texto* para configurar las variables que se mostrarán en la línea y el *Ícono* que traerá un símbolo de acuerdo con la variación calculada.
En *Menú* *Lateral* >> *Apariencia* >> *General* >> *Columnas* es posible seleccionar cuántas columnas de tarjetas se presentarán. Si el número de columnas informado es cero, el componente se distribuirá automáticamente según el espacio en pantalla. No hay límite para el número de columnas, por lo que debe configurarse de la forma que mejor se adapte a las necesidades del indicador, ejemplos:
A partir de la versión 2.5, Weknow cuenta con opciones de tratamiento de salto de línea según la necesidad del contexto. Esta opción también está disponible entre las opciones en:\
*Menú* *Lateral* >> *Apariencia* >> *General* >> *Columnas*.
Al finalizar las configuraciones necesarias, haga clic en **CONCLUIR**