{"id":716,"date":"2025-05-28T10:48:19","date_gmt":"2025-05-28T16:48:19","guid":{"rendered":"https:\/\/sikore.app\/ayuda\/?post_type=docs&#038;p=716"},"modified":"2025-09-01T17:51:42","modified_gmt":"2025-09-01T23:51:42","password":"","slug":"que-componentes-puedo-agregar-a-mi-pantalla","status":"publish","type":"docs","link":"https:\/\/sikore.app\/ayuda\/documentos\/diseno-pantallas\/que-componentes-puedo-agregar-a-mi-pantalla\/","title":{"rendered":"\u00bfQu\u00e9 componentes puedo agregar a mi pantalla?"},"content":{"rendered":"\n<p>En SIKore un componente son aquellas partes que de manera independiente nos ayudan a ir organizando la estructura de nuestra pantalla, los componentes se pueden utilizar la veces que sea necesario, son parte funcional para las aplicaciones y se pueden combinar con otros componentes para crear aplicaciones a la medida de nuestra aplicaci\u00f3n tomando en cuenta la configuraci\u00f3n que SIKore permite hacer con cada uno de ellos.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Componentes de dise\u00f1o:<\/strong><ul><li><strong>Formulario: <\/strong>sirve para realizar la interfaz de usuario la cual permite interactuar con la aplicaci\u00f3n y proporcionar informaci\u00f3n o realizar acciones.<\/li><\/ul><ul><li><strong>Contenedor: <\/strong>permiten agrupar y organizar otros elementos de interfaz, como controles de entrada (campos de texto, botones, etc.).<\/li><\/ul><ul><li><strong>Barra de acciones: <\/strong>permite al usuario un acceso r\u00e1pido y f\u00e1cil a las funciones y comandos m\u00e1s comunes o relevantes para el formulario.<\/li><\/ul>\n<ul class=\"wp-block-list\">\n<li><strong>Modal: <\/strong>se utiliza para presentar informaci\u00f3n adicional, solicitar confirmaciones, o realizar acciones secundarias sin obligar a los usuarios a abandonar el formulario principal.&nbsp;<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"196\" height=\"158\" src=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-46.jpg?wsr\" alt=\"\" class=\"wp-image-945\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Componentes de uso com\u00fan<\/strong><ul><li><strong>Etiqueta:<\/strong> es la etiqueta descriptiva de un campo<\/li><\/ul><ul><li><strong>P\u00e1rrafo: <\/strong>sirve para separar el texto, facilitando la lectura y el dise\u00f1o visual de la p\u00e1gina, tiene m\u00e1s contenido de texto que una etiqueta.&nbsp;<\/li><\/ul><ul><li><strong>Icono: <\/strong>sirve para simbolizar objetos, acciones o conceptos dentro de la interfaz de usuario de la aplicaci\u00f3n, facilitan la navegaci\u00f3n y comprensi\u00f3n de la aplicaci\u00f3n, especialmente para aquellos que prefieren una representaci\u00f3n visual en lugar de texto.&nbsp;<\/li><\/ul><ul><li><strong>L\u00ednea: <\/strong>sirve para separar secciones de contenido en la aplicaci\u00f3n.<strong>&nbsp;<\/strong><\/li><\/ul><ul><li><strong>Enlace: <\/strong>sirve para&nbsp;establecer una conexi\u00f3n o v\u00ednculo entre diferentes partes o elementos de la aplicaci\u00f3n, permitiendo la comunicaci\u00f3n y transferencia de informaci\u00f3n entre ellos.<\/li><\/ul>\n<ul class=\"wp-block-list\">\n<li><strong>Imagen: <\/strong>sirve para&nbsp;mostrar e interactuar con im\u00e1genes dentro de una aplicaci\u00f3n o p\u00e1gina web.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"196\" height=\"218\" src=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-49.jpg?wsr\" alt=\"\" class=\"wp-image-946\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Componentes para formulario<\/strong><ul><li><strong>Texto:<\/strong> campo que permite la entrada de texto breve y general.<\/li><\/ul><ul><li><strong>N\u00famero:<\/strong> campo de entrada limitados a valores de tipo num\u00e9rico.<\/li><\/ul><ul><li><strong>Contrase\u00f1a:<\/strong> campo de entrada que permite la introducci\u00f3n de contrase\u00f1as con la caracter\u00edstica de no mostrar el dato que se est\u00e1 ingresando.<\/li><\/ul><ul><li><strong>Fecha: <\/strong>sirve&nbsp;para representar, manipular y utilizar informaci\u00f3n de fechas dentro de la aplicaci\u00f3n.<\/li><\/ul><ul><li><strong>Hora: <\/strong>sirve&nbsp;para representar, manipular y utilizar informaci\u00f3n de horas dentro de la aplicaci\u00f3n.<\/li><\/ul><ul><li><strong>Archivo: <\/strong>permite hacer la selecci\u00f3n de un archivo el cual ser\u00e1 almacenado de forma persistente.<\/li><\/ul><ul><li><strong>Texto largo:<\/strong> permite la introducci\u00f3n de texto m\u00e1s largo, como comentarios o descripciones.&nbsp;<\/li><\/ul><ul><li><strong>Seleccionar: <\/strong>valores seleccionables presentados en un men\u00fa desplegable.<\/li><\/ul><ul><li><strong>Casilla de verificaci\u00f3n:<\/strong> permite la selecci\u00f3n con m\u00faltiples opciones.&nbsp;<\/li><\/ul><ul><li><strong>Radio:<\/strong> permite la selecci\u00f3n de una sola opci\u00f3n de una lista de opciones.&nbsp;<\/li><\/ul>\n<ul class=\"wp-block-list\">\n<li><strong>Bot\u00f3n:<\/strong> &nbsp;permite realizar acciones como enviar el formulario o cancelar.&nbsp;<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"196\" height=\"282\" src=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-48.jpg?wsr\" alt=\"\" class=\"wp-image-944\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Componentes para datos<\/strong><ul><li><strong>Tarjeta: <\/strong>sirve paraagrupar contenido relacionado en un \u00fanico espacio visual, haciendo que sea de f\u00e1cil comprensi\u00f3n para el usuario.<\/li><\/ul><ul><li><strong>Mapa: <\/strong>sirve para mostrar un espacio geogr\u00e1fico de acuerdo como lo requiera la aplicaci\u00f3n.<\/li><\/ul><ul><li><strong>Tabla: <\/strong>sirve para&nbsp;organizar y almacenar datos de manera estructurada, permite acceder a elementos de manera r\u00e1pida y eficiente.<\/li><\/ul><ul><li><strong>Gr\u00e1ficas: <\/strong>permite la representaci\u00f3n visual de informaci\u00f3n y datos en la aplicaci\u00f3n a trav\u00e9s de una interfaz gr\u00e1fica.<\/li><\/ul><ul><li><strong>KPI: <\/strong>se puede implementar en la aplicaci\u00f3n cuando esta requiera medir el progreso y la eficiencia de un proyecto.<\/li><\/ul>\n<ul class=\"wp-block-list\">\n<li><strong>Tabla pivote: <\/strong>sirve para resumir y analizar datos de forma interactiva, permite agrupar, filtrar y calcular informaci\u00f3n de una manera m\u00e1s eficiente que una tabla com\u00fan.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"196\" height=\"152\" src=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-47.jpg?wsr\" alt=\"\" class=\"wp-image-943\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><em>Propiedades de componente<\/em>s<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><em>Propiedades del componente tabla<\/em><\/h3>\n\n\n\n<p>El componente Tabla posee una gran variedad de propiedades que pueden ser utilizadas para m\u00faltiples tipos de configuraci\u00f3n. Las propiedades que posee este componente son:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Nombre: Esta propiedad permite asignar un nombre al componente que, al funcionar como un identificador, es posible seleccionar el componente en cualquier parte de la aplicaci\u00f3n. Si el usuario entra en el contenido din\u00e1mico, este nombre ser\u00e1 esencial para identificar este componente.\u00a0<\/li>\n\n\n\n<li>T\u00edtulo: En este componente, el t\u00edtulo ser\u00e1 utilizado \u00fanicamente para darle un nombre a la tabla, el cual no estar\u00e1 relacionado en nada con la propiedad Nombre.\u00a0<\/li>\n\n\n\n<li>Aplicaci\u00f3n: Esta propiedad permite seleccionar de que aplicaci\u00f3n se seleccionar\u00e1 la tabla, por lo que el componente no estar\u00e1 limitado \u00fanicamente a la aplicaci\u00f3n actual.\u00a0<\/li>\n\n\n\n<li>Datos: Esta propiedad permite seleccionar la tabla o vista que ser\u00e1 utilizada para extraer la informaci\u00f3n y ser\u00e1 aplicada en el componente. Si la selecci\u00f3n es una vista, las propiedades enfocadas a Consultar, Crear, Editar y Eliminar estar\u00e1n inhabilitadas.\u00a0<\/li>\n\n\n\n<li>Columnas: Todos los campos de una tabla estar\u00e1n disponibles por defecto, pero al entrar en esta propiedad, el usuario podr\u00e1 controlar cuales campos ser\u00e1n visibles. Dentro de la misma ventana emergente, el usuario tambi\u00e9n podr\u00e1 modificar el nombre con el que el campo ser\u00e1 visible, el orden de las columnas y, en caso de que una tabla sea de tipo num\u00e9rico, podr\u00e1 definir si se desea visualizar una fila con la suma de los valores num\u00e9ricos de la columna seleccionada.\u00a0<\/li>\n<\/ul>\n\n\n\n<p>En este componente,&nbsp;&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Filtros: Al establecer condiciones para los filtros de una tabla, el usuario podr\u00e1 limitar los registros que son visibles en el componente. A diferencia de las condiciones, este componente solo se limita a limitar los registros visibles.\u00a0<\/li>\n\n\n\n<li>Destacar: Esta propiedad permitir\u00e1 al usuario destacar los registros de una tabla. Cuando un registro cumple con las condiciones establecidas en esta propiedad, el usuario podr\u00e1 hacer que estos registros sean m\u00e1s perceptibles al usuario con cambio de colores en la l\u00ednea o el texto.\u00a0<\/li>\n\n\n\n<li>Texto vac\u00edo: Al definir un texto en esta propiedad, dicho texto se mostrar\u00e1 en la tabla si en determinado momento la tabla no presenta registros.\u00a0<\/li>\n\n\n\n<li>Ordenar por: Al definir un campo en esta propiedad, dicho campo ser\u00e1 utilizado para ordenar los registros. Esta propiedad trabaja en conjunto con Ordenamiento, por lo que, dependiendo del campo y orden seleccionado, es como se mostrar\u00e1n los registros en la tabla.\u00a0<\/li>\n\n\n\n<li>Ordenamiento: Esta propiedad trabaja en conjunto la propiedad \u201cOrdenar por\u201d. Cuando una campo ha sido seleccionado en dicho, el ordenamiento utilizar\u00e1 dicho campo para acomodar los registros en un orden alfanum\u00e9rico, dependiendo de la opci\u00f3n seleccionada. Si se selecciona la opci\u00f3n \u201cASC\u201d, los registros llevar\u00e1n un orden como \u201cA, B, C, D&#8230;\u201d y los n\u00fameros ir\u00e1n en orden de menor a mayor. Si la selecci\u00f3n es \u201cDESC\u201d, el orden para ir\u00e1 como \u201cZ, Y, X, W&#8230;\u201d y los n\u00fameros ir\u00e1n en orden de mayor a menor.\u00a0<\/li>\n\n\n\n<li>B\u00fasqueda: Esta propiedad permitir\u00e1 agregar un cuadro de b\u00fasqueda al componente tabla, por lo que, si el usuario tiene una gran cantidad de registros en la tabla, este podr\u00e1 filtrar los registros dependiendo de lo que se introduzca en el cuadro de b\u00fasqueda.\u00a0<\/li>\n\n\n\n<li>Exportar: Esta propiedad agregar\u00e1 un bot\u00f3n en la parte superior de la tabla, permitiendo al usuario descargar todos los registros de la tabla. Los registros se mostrar\u00e1n en un archivo Excel, conservando un orden adecuado y permitiendo al usuario utilizar los registros en otros apartados deseados.\u00a0<\/li>\n\n\n\n<li>Tipo de formulario: El componente tabla posee 3 formas de funcionamiento, y dependiendo de la opci\u00f3n seleccionada, es la forma en la que se podr\u00e1n crear, modificar y eliminar registros de la misma.\u00a0<\/li>\n\n\n\n<li>Autom\u00e1tico: Esta opci\u00f3n permitir\u00e1 al usuario desplegar una ventana emergente (tambi\u00e9n llamado modal) cada vez que el usuario desee crear, modificar o eliminar un registro, permitiendo que las acciones sean m\u00e1s directas.\u00a0<\/li>\n\n\n\n<li>Pantalla: Esta opci\u00f3n es utilizada cuando el usuario desea crear o modificar registros mediante un formulario en otra pantalla. Aunque este requiere un procedimiento m\u00e1s detallado debido a que se requiere crear y configurar un formulario en una pantalla independiente, al mismo tiempo permitir\u00e1 realizar una presentaci\u00f3n formal de la informaci\u00f3n.\u00a0<\/li>\n\n\n\n<li>En l\u00ednea: Esta opci\u00f3n es utilizada exclusivamente para la modificaci\u00f3n de registros. A diferencia de las otros 2 casos, esta opci\u00f3n habilitar\u00e1 la modificaci\u00f3n de los valores de los campos sobre el mismo registro, permitiendo modificar \u00fanicamente el registro seleccionado. Si desea conservar o descartar los cambios, el usuario deber\u00e1 seleccionar una de las opciones disponibles al lado derecho del registro seleccionado.\u00a0<\/li>\n\n\n\n<li>Campos: Esta propiedad permitir\u00e1 al usuario habilitar o deshabilitar campos durante la creaci\u00f3n o modificaci\u00f3n de registros, por lo que, en caso de que un campo de la tabla se elimine o se deshabilite de la ventana emergente, el usuario no podr\u00e1 asignar un valor para ese campo durante la creaci\u00f3n o modificaci\u00f3n del registro. Esta opci\u00f3n solo estar\u00e1 disponible para los tipos de formulario Autom\u00e1tico y En l\u00ednea.\u00a0<\/li>\n<\/ul>\n\n\n\n<p>Otras funciones que posee esta propiedad es la capacidad de cambiar los nombres de los campos durante la creaci\u00f3n o modificaci\u00f3n del registro (solo dentro del mismo componente), Adem\u00e1s, al utilizar el filtro de uno de los campos, se podr\u00e1 especificar bajo que condiciones se podr\u00e1 crear o modificar un valor para ese campo.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Consultar: Cuando el usuario habilite la opci\u00f3n Consultar, se mostrar\u00e1n propiedades adicionales para esta propiedad. Las consultas tendr\u00e1n un funcionamiento similar a la modificaci\u00f3n de registros, con la diferencia de que los valores de los registros solo estar\u00e1n disponibles de forma visual, no para su modificaci\u00f3n.\u00a0<\/li>\n\n\n\n<li>Pantalla de consulta: Esta propiedad permitir\u00e1 al usuario seleccionar la pantalla donde se encuentre el formulario que mostrar\u00e1 la informaci\u00f3n actual del registro seleccionado. Esta opci\u00f3n solo estar\u00e1 disponible cuando el tipo de formulario sea \u201cPantalla\u201d.\u00a0<\/li>\n\n\n\n<li>Condiciones: Cuando el usuario realice la configuraci\u00f3n de un filtro mediante las condiciones, la tabla solo habilitar\u00e1 la opci\u00f3n de consultar un registro cuando las condiciones se cumplan, y de no ser as\u00ed, dicha opci\u00f3n se deshabilitar\u00e1.\u00a0<\/li>\n\n\n\n<li>Permiso de consulta: Cuando se asigne un permiso concreto para esta propiedad, dependiendo de si los permisos del usuario coinciden con el permiso asignado, la opci\u00f3n podr\u00eda estar disponible o no.\u00a0<\/li>\n\n\n\n<li>Crear: Cuando el usuario habilite la opci\u00f3n Crear, se mostrar\u00e1n propiedades adicionales para esta propiedad. La creaci\u00f3n permitir\u00e1 al usuario agregar registros a la tabla.\u00a0<\/li>\n\n\n\n<li>Pantalla para crear: Esta propiedad permitir\u00e1 al usuario seleccionar la pantalla donde se encuentre el formulario que se encargar\u00e1 de agregar registros a la tabla. Esta opci\u00f3n solo estar\u00e1 disponible cuando el tipo de formulario sea \u201cPantalla\u201d.\u00a0<\/li>\n\n\n\n<li>Condiciones: Cuando el usuario realice la configuraci\u00f3n de un filtro mediante las condiciones, la tabla solo habilitar\u00e1 la opci\u00f3n de crear un registro cuando las condiciones se cumplan, y de no ser as\u00ed, dicha opci\u00f3n se deshabilitar\u00e1.\u00a0<\/li>\n\n\n\n<li>Permiso de creaci\u00f3n: Cuando se asigne un permiso concreto para esta propiedad, dependiendo de si los permisos del usuario coinciden con el permiso asignado, la opci\u00f3n de crear registros podr\u00eda estar disponible o no.\u00a0<\/li>\n\n\n\n<li>Edici\u00f3n: Cuando el usuario habilite la opci\u00f3n Editar, se mostrar\u00e1n propiedades adicionales para esta propiedad. La edici\u00f3n permitir\u00e1 al usuario modificar registros de la tabla.\u00a0<\/li>\n\n\n\n<li>Pantalla para editar: Esta propiedad permitir\u00e1 al usuario seleccionar la pantalla donde se encuentre el formulario para modificar la informaci\u00f3n actual del registro. Esta opci\u00f3n solo estar\u00e1 disponible cuando el tipo de formulario sea \u201cPantalla\u201d.\u00a0<\/li>\n\n\n\n<li>Condiciones: Cuando el usuario realice la configuraci\u00f3n de un filtro mediante las condiciones, la tabla solo habilitar\u00e1 la opci\u00f3n de modificar un registro cuando las condiciones se cumplan, y de no ser as\u00ed, dicha opci\u00f3n se deshabilitar\u00e1.\u00a0<\/li>\n\n\n\n<li>Permiso de creaci\u00f3n: Cuando se asigne un permiso concreto para esta propiedad, dependiendo de si los permisos del usuario coinciden con el permiso asignado, la opci\u00f3n de editar registros podr\u00eda estar disponible o no.\u00a0<\/li>\n\n\n\n<li>Borrar: Cuando el usuario habilite la opci\u00f3n Borrar, se mostrar\u00e1n propiedades adicionales para esta propiedad. La opci\u00f3n borrar permitir\u00e1 al usuario eliminar registros de la tabla.\u00a0<\/li>\n\n\n\n<li>Condiciones: Cuando el usuario realice la configuraci\u00f3n de un filtro mediante las condiciones, la tabla solo habilitar\u00e1 la opci\u00f3n de borrar un registro cuando las condiciones se cumplan, y de no ser as\u00ed, dicha opci\u00f3n se deshabilitar\u00e1.\u00a0<\/li>\n\n\n\n<li>Permiso borrado: Cuando se asigne un permiso concreto para esta propiedad, dependiendo de si los permisos del usuario coinciden con el permiso asignado, la opci\u00f3n de borrar registros podr\u00eda estar disponible o no.\u00a0<\/li>\n\n\n\n<li>Mensaje de confirmaci\u00f3n: Esta propiedad permitir\u00e1 al usuario agregar un mensaje personalizado que se mostrar\u00e1 en la ventana emergente, cuando un registro se desee eliminar. Si no se asigna un valor para esta propiedad, se mostrar\u00e1 un mensaje por defecto al momento de intentar eliminar un registro de la tabla.\u00a0<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"249\" height=\"451\" src=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-325.png?wsr\" alt=\"\" class=\"wp-image-1316\" style=\"width:191px;height:auto\" srcset=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-325.png 249w, https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-325-166x300.png 166w\" sizes=\"(max-width: 249px) 100vw, 249px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"243\" height=\"447\" src=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-326.png?wsr\" alt=\"\" class=\"wp-image-1318\" style=\"width:198px;height:auto\" srcset=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-326.png 243w, https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-326-163x300.png 163w\" sizes=\"(max-width: 243px) 100vw, 243px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"243\" height=\"444\" src=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-327.png?wsr\" alt=\"\" class=\"wp-image-1317\" style=\"width:196px;height:auto\" srcset=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-327.png 243w, https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-327-164x300.png 164w\" sizes=\"(max-width: 243px) 100vw, 243px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><em>Propiedades del componente gr\u00e1ficas<\/em><\/h3>\n\n\n\n<p>El componente Gr\u00e1ficas posee algunas propiedades que pueden ser utilizadas no solo para configurar los datos que mostrar\u00e1 el componente, sino tambi\u00e9n la forma en la que dicha informaci\u00f3n ser\u00e1 presentada al usuario. Las propiedades que posee este componente son:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Nombre: Esta propiedad permite asignar un nombre al componente que, al funcionar como un identificador, es posible seleccionar el componente en cualquier parte de la aplicaci\u00f3n. Si el usuario entra en el contenido din\u00e1mico, este nombre ser\u00e1 esencial para identificar este componente.\u00a0<\/li>\n\n\n\n<li>T\u00edtulo: En este componente, el t\u00edtulo ser\u00e1 utilizado \u00fanicamente para darle un nombre a la gr\u00e1fica, el cual no estar\u00e1 relacionado en nada con la propiedad Nombre.\u00a0<\/li>\n\n\n\n<li>Tipo gr\u00e1fico: Esta propiedad mostrar\u00e1 5 opciones visuales disponibles para el componente gr\u00e1fica.\u00a0<\/li>\n\n\n\n<li>Barra: Esta opci\u00f3n mostrar\u00e1 la informaci\u00f3n usando barras horizontales.\u00a0<\/li>\n\n\n\n<li>Columna: Esta opci\u00f3n mostrar\u00e1 la informaci\u00f3n usando barras verticales.\u00a0<\/li>\n\n\n\n<li>L\u00ednea: Esta opci\u00f3n mostrar\u00e1 la informaci\u00f3n usando una \u00fanica l\u00ednea cuya altura depender\u00e1 del valor correspondiente a cada valor horizontal.\u00a0<\/li>\n\n\n\n<li>\u00c1rea: Esta opci\u00f3n funciona de forma similar a la opci\u00f3n L\u00ednea, con la diferencia que el \u00e1rea debajo de la l\u00ednea ser\u00e1 sombreada, indicando que corresponde al \u00e1rea.\u00a0<\/li>\n\n\n\n<li>Circulares: Esta opci\u00f3n mostrar\u00e1 un diagrama de pastel, dividido por los valores correspondientes a cada valor.\u00a0<\/li>\n\n\n\n<li>Aplicaci\u00f3n: Esta propiedad permite seleccionar de que aplicaci\u00f3n se seleccionar\u00e1 la tabla, por lo que el componente no estar\u00e1 limitado \u00fanicamente a la aplicaci\u00f3n actual.\u00a0<\/li>\n\n\n\n<li>Datos: Esta propiedad permite seleccionar la tabla o vista que ser\u00e1 utilizada para extraer la informaci\u00f3n y ser\u00e1 aplicada en el componente.\u00a0<\/li>\n\n\n\n<li>Valor: Esta propiedad sirve para designar que valores ser\u00e1n tomados en cuenta para el componente. En este caso, suele usarse el contenido din\u00e1mico para seleccionar un campo, mostrando los valores correspondientes a ese campo.\u00a0<\/li>\n\n\n\n<li>Funci\u00f3n: Esta propiedad permite seleccionar el tipo de operaci\u00f3n que se aplicar\u00e1 a la informaci\u00f3n de la gr\u00e1fica.\u00a0<\/li>\n\n\n\n<li>Suma: Si en la propiedad Asignar por se seleccionara un campo Nombre, y existieran m\u00faltiples nombres repetidos con valores distintos respecto a Valor, todos los valores repetidos se sumar\u00edan en un \u00fanico Nombre.\u00a0<\/li>\n\n\n\n<li>Promedio: Si en la propiedad Asignar por se seleccionara un campo Nombre, y existieran m\u00faltiples nombres repetidos con valores distintos respecto a Valor, todos los valores repetidos se sumar\u00edan y se dividir\u00eda el resultado entre la cantidad de nombres repetidos, obteniendo un promedio para un \u00fanico Nombre.\u00a0<\/li>\n\n\n\n<li>M\u00ednimo: Si en la propiedad Asignar por se seleccionara un campo Nombre, y existieran m\u00faltiples nombres repetidos con valores distintos respecto a Valor, se identificar\u00e1 el valor m\u00e1s bajo de esos nombres repetidos, y usar\u00e1 dicho valor para ese nombre.\u00a0<\/li>\n\n\n\n<li>M\u00e1ximo: Si en la propiedad Asignar por se seleccionara un campo Nombre, y existieran m\u00faltiples nombres repetidos con valores distintos respecto a Valor, se identificar\u00e1 el valor m\u00e1s alto de esos nombres repetidos, y usar\u00e1 dicho valor para ese nombre.\u00a0<\/li>\n\n\n\n<li>Contar: Si en la propiedad Asignar por se seleccionara un campo Nombre, se determinar\u00e1 cuantos registros existen con nombres repetidos, mostrando en su lugar cuantos registros existen con el mismo nombre.\u00a0<\/li>\n\n\n\n<li>\u00daltimo dato: Si en la propiedad Asignar por se seleccionara un campo Nombre, la gr\u00e1fica mostrar\u00eda los datos de valor y nombre del registro que ha sido introducido recientemente.\u00a0<\/li>\n\n\n\n<li>Filtros: Al establecer condiciones para los filtros de una gr\u00e1fica, el usuario podr\u00e1 limitar los registros que son visibles en el componente.\u00a0<\/li>\n\n\n\n<li>Agrupar por: El componente gr\u00e1fica requiere comparar 2 campos para realizar la gr\u00e1fica, por lo que esta propiedad permite seleccionar el segundo campo que se tomar\u00e1 en cuenta. A diferencia de Valor (que suele ser un campo num\u00e9rico), esta propiedad suele ser utilizada para designar campos de tipo texto, relaci\u00f3n, listas, entre otras cosas.\u00a0<\/li>\n\n\n\n<li>Ordenar por: Para un funcionamiento adecuado de la gr\u00e1fica, este valor debe poseer el mismo valor determinado en la propiedad Agrupar por.\u00a0<\/li>\n\n\n\n<li>Ordenamiento: Usando como referencia el valor de Agrupar por, la gr\u00e1fica ordenar\u00e1 los registros en orden ascendente o descendente.\u00a0<\/li>\n\n\n\n<li>Etiqueta del eje X: Esta propiedad sirve para dar un nombre al eje horizontal de la gr\u00e1fica.\u00a0<\/li>\n\n\n\n<li>Etiqueta del eje Y: Esta propiedad sirve para dar un nombre al eje vertical de la gr\u00e1fica.\u00a0<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"243\" height=\"462\" src=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-328.png?wsr\" alt=\"\" class=\"wp-image-1321\" srcset=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-328.png 243w, https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-328-158x300.png 158w\" sizes=\"(max-width: 243px) 100vw, 243px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"250\" height=\"463\" src=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-329.png?wsr\" alt=\"\" class=\"wp-image-1319\" srcset=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-329.png 250w, https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-329-162x300.png 162w\" sizes=\"(max-width: 250px) 100vw, 250px\" \/><\/figure>\n\n\n\n<p>Por otro lado, existen algunas propiedades que permiten modificar el estilo del componente. Las propiedades utilizadas por el componente son:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ocultar: Esta propiedad permite que cuando el check est\u00e9 activo, el componente no sea visible en la pantalla del cliente.\u00a0<\/li>\n\n\n\n<li>Margen superior: Esta propiedad permite desplazar el componente hacia abajo respecto a su posici\u00f3n est\u00e1ndar.\u00a0<\/li>\n\n\n\n<li>Margen derecho: Esta propiedad permite desplazar el componente hacia la izquierda respecto a su posici\u00f3n est\u00e1ndar.\u00a0<\/li>\n\n\n\n<li>Margen inferior: Esta propiedad permite desplazar el componente hacia arriba respecto a su posici\u00f3n est\u00e1ndar.\u00a0<\/li>\n\n\n\n<li>Margen izquierdo: Esta propiedad permite desplazar el componente hacia la derecha respecto a su posici\u00f3n est\u00e1ndar.\u00a0<\/li>\n\n\n\n<li>CSS personalizado: Esta propiedad permite aplicar estilos m\u00e1s espec\u00edficos, pero se requieren ciertos conocimientos de CSS.\u00a0<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"283\" height=\"426\" src=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-330.png?wsr\" alt=\"\" class=\"wp-image-1320\" style=\"width:211px;height:auto\" srcset=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-330.png 283w, https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-330-199x300.png 199w\" sizes=\"(max-width: 283px) 100vw, 283px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><em>Propiedades del componente tabla pivote<\/em><\/h3>\n\n\n\n<p>El componente Tabla pivote posee algunas propiedades que pueden ser utilizadas no solo para configurar los datos que mostrar\u00e1 el componente, sino tambi\u00e9n la forma en la que dicha informaci\u00f3n ser\u00e1 presentada al usuario. Las propiedades que posee este componente son:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Nombre: Esta propiedad permite asignar un nombre al componente que, al funcionar como un identificador, es posible seleccionar el componente en cualquier parte de la aplicaci\u00f3n. Si el usuario entra en el contenido din\u00e1mico, este nombre ser\u00e1 esencial para identificar este componente.\u00a0<\/li>\n\n\n\n<li>T\u00edtulo: En este componente, el t\u00edtulo ser\u00e1 utilizado \u00fanicamente para darle un nombre a la tabla pivote, el cual no estar\u00e1 relacionado en nada con la propiedad Nombre.\u00a0<\/li>\n\n\n\n<li>Aplicaci\u00f3n: Esta propiedad permite seleccionar de que aplicaci\u00f3n se seleccionar\u00e1 la tabla, por lo que el componente no estar\u00e1 limitado \u00fanicamente a la aplicaci\u00f3n actual.\u00a0<\/li>\n\n\n\n<li>Datos: Esta propiedad permite seleccionar la tabla o vista que ser\u00e1 utilizada para extraer la informaci\u00f3n y ser\u00e1 aplicada en el componente.\u00a0<\/li>\n\n\n\n<li>Columnas: Esta propiedad permite desplegar una ventana emergente, en la cual podr\u00e1n aplicarse distintas acciones a los campos de la tabla, de forma independiente. Algunas de las acciones son:\u00a0<\/li>\n\n\n\n<li>Modificar orden de los campos.\u00a0<\/li>\n\n\n\n<li>Modificar el nombre con el que ser\u00e1n presentados los campos en el componente.\u00a0<\/li>\n\n\n\n<li>Establecer desde un inicio si un campo ser\u00e1 considerado como fila, columna o valores mostrados en la tabla.\u00a0<\/li>\n\n\n\n<li>Eliminar un campo, de forma que no sea considerado en el componente.\u00a0<\/li>\n\n\n\n<li>Filtros: Al establecer condiciones para los filtros de una tabla pivote, el usuario podr\u00e1 limitar los registros que sean considerados en el componente.\u00a0<\/li>\n\n\n\n<li>Operaci\u00f3n: Aunque las operaciones puedan seleccionarse desde el cliente, esta propiedad permite establecer si una operaci\u00f3n ser\u00e1 aplicada en el componente desde un inicio.\u00a0<\/li>\n\n\n\n<li>Contar:\u00a0Permite contar el n\u00famero de registros.\u00a0<\/li>\n\n\n\n<li>Contar \u00danicos:\u00a0Permite contar el n\u00famero de registros no repetidos.\u00a0<\/li>\n\n\n\n<li>Lista de \u00danicos: Muestra la lista de campos \u00fanicos.\u00a0<\/li>\n\n\n\n<li>Sumatoria:\u00a0Esta operaci\u00f3n permite calcular la sumatoria de los valores de los registros respecto al campo del eje horizontal.\u00a0<\/li>\n\n\n\n<li>Sumatoria de enteros:\u00a0Esta operaci\u00f3n funciona de forma similar a \u201cSuma\u201d, con la diferencia de que los valores de los registros solo manejan valores sin decimales.\u00a0<\/li>\n\n\n\n<li>Promedio:\u00a0Esta operaci\u00f3n permite calcular el promedio de los valores de los registros respecto al campo del eje horizontal.\u00a0<\/li>\n\n\n\n<li>Media:\u00a0Esta operaci\u00f3n permite calcular la media de los valores de los registros respecto al campo del eje horizontal.\u00a0<\/li>\n\n\n\n<li>Varianza Simple:\u00a0Es el valor individual que mide cuanto se aleja un dato espec\u00edfico de la media de un conjunto de datos.\u00a0<\/li>\n\n\n\n<li>Varianza Est\u00e1ndar:\u00a0 Es una medida estad\u00edstica que cuantifica la dispersi\u00f3n general de todos los datos de un conjunto con respecto a esa media.\u00a0<\/li>\n\n\n\n<li>M\u00ednimo:\u00a0Esta operaci\u00f3n permite identificar el valor m\u00ednimo de los valores de los registros respecto al campo del eje horizontal.\u00a0<\/li>\n\n\n\n<li>M\u00e1ximo:\u00a0Esta operaci\u00f3n permite identificar el valor m\u00e1ximo de los valores de los registros respecto al campo del eje horizontal.\u00a0<\/li>\n\n\n\n<li>Primero:\u00a0Esta funci\u00f3n permite identificar el primer valor de la serie.\u00a0<\/li>\n\n\n\n<li>Ultimo:\u00a0Esta funci\u00f3n permite identificar el \u00faltimo valor de la serie.\u00a0<\/li>\n\n\n\n<li>Sumatoria sobre Sumatoria:\u00a0Esta operaci\u00f3n permite seleccionar un campo adicional de la tabla usada como referencia para que, al realizar la sumatoria de los valores de la tabla, dichos valores se dividir\u00e1n entre la sumatoria de los valores de los registros del nuevo campo seleccionado.\u00a0<\/li>\n\n\n\n<li>Sum. Fracci\u00f3n Total:\u00a0Esta operaci\u00f3n permite utilizar la sumatoria de todos los valores de la tabla como valor del 100%, y despu\u00e9s dividir ese porcentaje entre los distintos campos de la tabla, dando como resultado a un porcentaje en cada casilla, dependiendo de que porcentaje representan en ese total.\u00a0<\/li>\n\n\n\n<li>Sum: Fracci\u00f3n de Fila:\u00a0Esta operaci\u00f3n permite realizar operaciones con una tabla, de modo que suma todos los valores de una fila, y despu\u00e9s divide cada valor entre el total previo obtenido.\u00a0<\/li>\n\n\n\n<li>Sum. Fracci\u00f3n de Columna: Esta operaci\u00f3n permite realizar operaciones con una tabla, de modo que suma todos los valores de una columna, y despu\u00e9s divide cada valor entre el total previo obtenido.\u00a0<\/li>\n\n\n\n<li>Conteo Fracci\u00f3n Total: Esta operaci\u00f3n permite realizar operaciones con una tabla, de modo que suma todos los valores de una tabla, y despu\u00e9s divide cada valor entre el total previo obtenido.\u00a0<\/li>\n\n\n\n<li>Conteo Fracci\u00f3n Fila: Esta operaci\u00f3n funciona de la misma forma que la suma de fracci\u00f3n de fila. Al realizar suma de todos los valores de la fila y despu\u00e9s dividir cada valor entre el total, al convertir ese valor en porcentaje (desplazando el punto decimal 2 decimales a la derecha), el porcentaje de cada casilla representar\u00e1 el porcentaje que al que corresponde la suma total.\u00a0<\/li>\n\n\n\n<li>Conteo Fracci\u00f3n Columna: Esta operaci\u00f3n funciona de la misma forma que la suma de fracci\u00f3n de columna. Al realizar suma de todos los valores de la columna y despu\u00e9s dividir cada valor entre el total, al convertir ese valor en porcentaje (desplazando el punto decimal 2 decimales a la derecha), el porcentaje de cada casilla representar\u00e1 el porcentaje que al que corresponde la suma total.\u00a0<\/li>\n\n\n\n<li>Mostrar: Aunque esta opci\u00f3n pueda ser seleccionada desde el cliente, esta propiedad permite establecer la forma en la que la informaci\u00f3n ser\u00e1 mostrada en el componente desde un inicio.\u00a0<\/li>\n\n\n\n<li>Tabla: Esta opci\u00f3n permite mostrar la informaci\u00f3n de los registros en una tabla.\u00a0<\/li>\n\n\n\n<li>Tabla Mapa de Calor: Esta opci\u00f3n permite mostrar la informaci\u00f3n a trav\u00e9s de una tabla, con la diferencia que las casillas de los valores se mostrar\u00e1n con un color con distintos niveles de intensidad. Entre mayor sea un n\u00famero, mayor ser\u00e1 la intensidad de la casilla.\u00a0<\/li>\n\n\n\n<li>Tabla Col Mapa de Calor: Esta opci\u00f3n permite mostrar la informaci\u00f3n a trav\u00e9s de una tabla, con la diferencia que las casillas de cada columna tendr\u00e1n distintas intensidades de color, dependiendo de los n\u00fameros. Entre mayor sea un n\u00famero, mayor ser\u00e1 la intensidad del color. Las comparaciones de los valores se realizar\u00e1n de forma independiente para cada columna.\u00a0<\/li>\n\n\n\n<li>Tabla Fila Mapa de Calor: Esta opci\u00f3n permite mostrar la informaci\u00f3n a trav\u00e9s de una tabla, con la diferencia que las casillas de cada fila tendr\u00e1n distintas intensidades de color, dependiendo de los n\u00fameros. Entre mayor sea un n\u00famero, mayor ser\u00e1 la intensidad del color. Las comparaciones de los valores se realizar\u00e1n de forma independiente para cada fila.\u00a0<\/li>\n\n\n\n<li>Exportable TSV: Esta opci\u00f3n permite mostrar la informaci\u00f3n en un dise\u00f1o similar a una tabla, pero sin estructura. \u00a0<\/li>\n\n\n\n<li>Agrupado por Columna Gr\u00e1fica: Esta opci\u00f3n permite mostrar la informaci\u00f3n de los registros en una gr\u00e1fica de barras verticales, por medio de agrupaciones usando los campos del eje horizontal.\u00a0<\/li>\n\n\n\n<li>Apilado por Columna Gr\u00e1fica: Esta opci\u00f3n permite mostrar la informaci\u00f3n de los registros en una gr\u00e1fica de barras verticales, las cuales, las barras estar\u00e1n una encima de la otra, dependiendo de los campos del eje horizontal.\u00a0<\/li>\n\n\n\n<li>Gr\u00e1fica de Barras Agrupado: Esta opci\u00f3n permite mostrar la informaci\u00f3n de los registros en una gr\u00e1fica de barras horizontales, por medio de agrupaciones usando los campos del eje vertical.\u00a0<\/li>\n\n\n\n<li>Gr\u00e1fica de Barras Apilado: Esta opci\u00f3n funciona de forma similar a la opci\u00f3n \u201cGr\u00e1fica de Barras Agrupado\u201d, con la diferencia que las barras de la gr\u00e1fica son m\u00e1s anchas.\u00a0<\/li>\n\n\n\n<li>Gr\u00e1fico de Lineas: Esta opci\u00f3n permite mostrar la informaci\u00f3n de los registros en una gr\u00e1fica de puntos, comparando los valores respecto a los campos del eje horizontal.\u00a0<\/li>\n\n\n\n<li>Gr\u00e1fico de Puntos: Esta opci\u00f3n permite mostrar la informaci\u00f3n de los registros en una gr\u00e1fica de puntos, comparando los valores respecto a los campos del eje vertical.\u00a0<\/li>\n\n\n\n<li>Gr\u00e1fica de Area: Esta opci\u00f3n permite mostrar la informaci\u00f3n de los registros en una gr\u00e1fica lineal, cuyo valor consiste en el \u00e1rea inferior de las l\u00edneas. Esta opci\u00f3n compara los valores respecto a los campos del eje horizontal.\u00a0<\/li>\n\n\n\n<li>Gr\u00e1fica de Dispersi\u00f3n: \u00a0<\/li>\n\n\n\n<li>Gr\u00e1fica Circular: Esta opci\u00f3n permite mostrar la informaci\u00f3n de los registros en diagramas de pasteles, separados dependiendo del campo del eje horizontal.\u00a0<\/li>\n\n\n\n<li>Ocultar controles: Debido a que la tabla pivote puede mantener como disponibles, pero sin afectar al componente directamente, esta propiedad permite que, al seleccionar el check, los campos que no esten afectando al componente puedan ser ocultados.\u00a0<\/li>\n\n\n\n<li>Ayuda: Esta propiedad permite agregar un icono al componente que, al agregar un texto en la propiedad Descripci\u00f3n (solo disponible con check de ayuda activo), este texto ser\u00e1 mostrando al posicionarse en el icono.\u00a0<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"222\" height=\"426\" src=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-331.png?wsr\" alt=\"\" class=\"wp-image-1322\" srcset=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-331.png 222w, https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-331-156x300.png 156w\" sizes=\"(max-width: 222px) 100vw, 222px\" \/><\/figure>\n\n\n\n<p>Por otro lado, existen algunas propiedades que permiten modificar el estilo del componente. Las propiedades utilizadas por el componente son:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ocultar: Esta propiedad permite que cuando el check est\u00e9 activo, el componente no sea visible en la pantalla del cliente.\u00a0<\/li>\n\n\n\n<li>Margen superior: Esta propiedad permite desplazar el componente hacia abajo respecto a su posici\u00f3n est\u00e1ndar.\u00a0<\/li>\n\n\n\n<li>Margen derecho: Esta propiedad permite desplazar el componente hacia la izquierda respecto a su posici\u00f3n est\u00e1ndar.\u00a0<\/li>\n\n\n\n<li>Margen inferior: Esta propiedad permite desplazar el componente hacia arriba respecto a su posici\u00f3n est\u00e1ndar.\u00a0<\/li>\n\n\n\n<li>Margen izquierdo: Esta propiedad permite desplazar el componente hacia la derecha respecto a su posici\u00f3n est\u00e1ndar.\u00a0<\/li>\n\n\n\n<li>CSS personalizado: Esta propiedad permite aplicar estilos m\u00e1s espec\u00edficos, pero se requieren ciertos conocimientos de CSS.\u00a0<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"295\" height=\"433\" src=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-332.png?wsr\" alt=\"\" class=\"wp-image-1323\" srcset=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-332.png 295w, https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-332-204x300.png 204w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><em>Propiedades del componente KPI<\/em><\/h3>\n\n\n\n<p>El componente Tabla posee algunas propiedades que, por medio de su configuraci\u00f3n, permite mostrar un dato de una tabla o desplegar un valor en base a una funci\u00f3n. Las propiedades utilizadas por el componente son:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Nombre: Esta propiedad permite asignar un nombre al componente que, al funcionar como un identificador, es posible seleccionar el componente en cualquier parte de la aplicaci\u00f3n. Si el usuario entra en el contenido din\u00e1mico, este nombre ser\u00e1 esencial para identificar este componente.\u00a0<\/li>\n\n\n\n<li>T\u00edtulo: En este componente, el t\u00edtulo ser\u00e1 utilizado \u00fanicamente para darle un nombre al KPI, el cual ser\u00e1 colocado debajo del valor, dentro del KPI.\u00a0<\/li>\n\n\n\n<li>Aplicaci\u00f3n: Esta propiedad permite seleccionar de que aplicaci\u00f3n se seleccionar\u00e1 la tabla, por lo que el componente no estar\u00e1 limitado \u00fanicamente a la aplicaci\u00f3n actual.\u00a0<\/li>\n\n\n\n<li>Datos: Esta propiedad permite seleccionar la tabla o vista que ser\u00e1 utilizada para extraer la informaci\u00f3n y ser\u00e1 aplicada en el componente.\u00a0\u00a0<\/li>\n\n\n\n<li>Valor: Esta propiedad sirve para designar que valores ser\u00e1n tomados en cuenta para el componente. En este caso, suele usarse el contenido din\u00e1mico para seleccionar un campo, mostrando los valores correspondientes a ese campo.\u00a0<\/li>\n\n\n\n<li>Funci\u00f3n: Funci\u00f3n: Esta propiedad permite seleccionar el tipo de operaci\u00f3n que se aplicar\u00e1 a la informaci\u00f3n del KPI.\u00a0<\/li>\n\n\n\n<li>Suma: Esta funci\u00f3n permitir\u00e1 tomar los valores extra\u00eddos de cada registro por medio de la propiedad Valor y realizar una suma de todos ellos.\u00a0<\/li>\n\n\n\n<li>Promedio: Esta funci\u00f3n permitir\u00e1 tomar todos los valores extra\u00eddos de cada registro por medio de la propiedad Valor y realizar un promedio de todos ellos.\u00a0<\/li>\n\n\n\n<li>M\u00ednimo: Esta funci\u00f3n permitir\u00e1 tomar todos los valores extra\u00eddos de cada registro por medio de la propiedad Valor y seleccionar el valor m\u00e1s bajo de ellos.\u00a0<\/li>\n\n\n\n<li>M\u00e1ximo: Esta funci\u00f3n permitir\u00e1 tomar todos los valores extra\u00eddos de cada registro por medio de la propiedad Valor y seleccionar el valor m\u00e1s alto de ellos.\u00a0<\/li>\n\n\n\n<li>Contar: Esta funci\u00f3n permitir\u00e1 contar el n\u00famero de registros que posee la tabla utilizada.\u00a0<\/li>\n\n\n\n<li>\u00daltimo dato: Esta funci\u00f3n permitir\u00e1 tomar el valor del \u00faltimo registro que ha sido creado en la tabla utilizada.\u00a0<\/li>\n\n\n\n<li>Filtros: Al establecer condiciones para los filtros de un KPI, el usuario podr\u00e1 limitar los registros que sean considerados en la funci\u00f3n del componente.\u00a0<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"282\" height=\"442\" src=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-333.png?wsr\" alt=\"\" class=\"wp-image-1325\" srcset=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-333.png 282w, https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-333-191x300.png 191w\" sizes=\"(max-width: 282px) 100vw, 282px\" \/><\/figure>\n\n\n\n<p>Por otro lado, existen algunas propiedades que permiten modificar el estilo del componente. Las propiedades utilizadas por el componente son:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Color: Esta propiedad permite modificar el color con el que ser\u00e1 visible el valor y el t\u00edtulo del componente.\u00a0<\/li>\n\n\n\n<li>Decimales: Esta propiedad permite determinar por cuantos decimales estar\u00e1 constituido el valor presentado el componente. El valor m\u00e1ximo permitido por el componente es de 4 decimales.\u00a0<\/li>\n\n\n\n<li>Formato: Esta propiedad permite modificar el color del texto y n\u00fameros dentro del componente.\u00a0<\/li>\n\n\n\n<li>Ocultar: Esta propiedad permite que cuando el check est\u00e9 activo, el componente no sea visible en la pantalla del cliente.\u00a0<\/li>\n\n\n\n<li>Margen superior: Esta propiedad permite desplazar el componente hacia abajo respecto a su posici\u00f3n est\u00e1ndar.\u00a0<\/li>\n\n\n\n<li>Margen derecho: Esta propiedad permite desplazar el componente hacia la izquierda respecto a su posici\u00f3n est\u00e1ndar.\u00a0<\/li>\n\n\n\n<li>Margen inferior: Esta propiedad permite desplazar el componente hacia arriba respecto a su posici\u00f3n est\u00e1ndar.\u00a0<\/li>\n\n\n\n<li>Margen izquierdo: Esta propiedad permite desplazar el componente hacia la derecha respecto a su posici\u00f3n est\u00e1ndar.\u00a0<\/li>\n\n\n\n<li>CSS personalizado: Esta propiedad permite aplicar estilos m\u00e1s espec\u00edficos, pero se requieren ciertos conocimientos de CSS.\u00a0<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"247\" height=\"474\" src=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-334.png?wsr\" alt=\"\" class=\"wp-image-1324\" srcset=\"https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-334.png 247w, https:\/\/sikore.app\/ayuda\/wp-content\/uploads\/2025\/05\/image-334-156x300.png 156w\" sizes=\"(max-width: 247px) 100vw, 247px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>En SIKore un componente son aquellas partes que de manera independiente nos ayudan a ir organizando la estructura de nuestra pantalla, los componentes se pueden utilizar la veces que sea necesario, son parte funcional para las aplicaciones y se pueden combinar con otros componentes para crear aplicaciones a la medida de nuestra aplicaci\u00f3n tomando en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"articulos","meta":{"footnotes":""},"doc_category":[11],"glossaries":[],"doc_tag":[],"knowledge_base":[15],"class_list":["post-716","docs","type-docs","status-publish","hentry","doc_category-diseno-pantallas","knowledge_base-sikore"],"year_month":"2026-04","word_count":5199,"total_views":"227","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"admin","author_nicename":"admin","author_url":"https:\/\/sikore.app\/ayuda\/author\/admin\/"},"doc_category_info":[{"term_name":"Dise\u00f1o de Pantallas","term_url":"https:\/\/sikore.app\/ayuda\/documentos\/sikore\/diseno-pantallas\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"SIKore","term_url":"https:\/\/sikore.app\/ayuda\/documentos\/sikore\/","term_slug":"sikore"}],"knowledge_base_slug":["sikore"],"_links":{"self":[{"href":"https:\/\/sikore.app\/ayuda\/wp-json\/wp\/v2\/docs\/716","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sikore.app\/ayuda\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/sikore.app\/ayuda\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/sikore.app\/ayuda\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sikore.app\/ayuda\/wp-json\/wp\/v2\/comments?post=716"}],"version-history":[{"count":6,"href":"https:\/\/sikore.app\/ayuda\/wp-json\/wp\/v2\/docs\/716\/revisions"}],"predecessor-version":[{"id":1326,"href":"https:\/\/sikore.app\/ayuda\/wp-json\/wp\/v2\/docs\/716\/revisions\/1326"}],"wp:attachment":[{"href":"https:\/\/sikore.app\/ayuda\/wp-json\/wp\/v2\/media?parent=716"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/sikore.app\/ayuda\/wp-json\/wp\/v2\/doc_category?post=716"},{"taxonomy":"glossaries","embeddable":true,"href":"https:\/\/sikore.app\/ayuda\/wp-json\/wp\/v2\/glossaries?post=716"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/sikore.app\/ayuda\/wp-json\/wp\/v2\/doc_tag?post=716"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/sikore.app\/ayuda\/wp-json\/wp\/v2\/knowledge_base?post=716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}