Hoja de Referencia de Tipos de Paneles¶

Introducción¶

Este documento proporciona una descripción general de alto nivel de los diferentes Tipos de paneles disponibles en Vinyl, qué son y por qué se utilizan. Los tipos de panel son contenedores que residen en una página que, a su vez, le permiten agregar datos, imágenes e información para mostrar en la capa de interfaz de usuario de la aplicación.

Tipos de Paneles¶

Icono	Nombre	Descripción
	Formulario	Los paneles de Formulario están diseñados para mostrar una línea singular de datos de la fuente de datos seleccionada. Este tipo de panel es especialmente útil como ventana emergente o página de detalles en una aplicación. Cuando a los paneles de formulario se les asignan múltiples controles, cada control se muestra individualmente.
	Cuadrícula	Cuadrícula es el tipo de panel básico para mostrar varias filas de datos a la vez. Este tipo de panel muestra columnas específicas de la tabla u objeto de origen de datos seleccionado. Al hacer clic en el título de una columna, las filas se pueden ordenar en orden ascendente o descendente. El número total de filas en un panel de Cuadrícula se muestra en la esquina superior derecha, encima de los Títulos de las columnas. El número de filas cargadas a la vez (dependiendo del total de registros) para fines de visualización puede ser menor. Para ver más filas, haga clic en el botón Cargar más filas en la parte inferior del panel.
	Carril	Los paneles Lane muestran información agrupada y son como los paneles Tile en el sentido de que muestran datos agrupados en formato de panel Formulario pero se pueden configurar vertical u horizontalmente (exclusivo de Lane).
	Azulejo	Los paneles Tile son esencialmente una combinación de paneles Grid y paneles Form. Al igual que las cuadrículas, los paneles Tile mostrarán varios conjuntos de información a la vez. Sin embargo, la información de las tablas u objetos de fuentes de datos se presenta en bloques organizados de izquierda a derecha en lugar de en columnas. Al igual que con los paneles de formulario, los controles se agrupan con otros controles en la misma posición en la tabla de datos.
	Pivote	Los paneles dinámicos muestran una tabla dinámica con información de una fuente de datos. Se requieren los siguientes tipos de control para Pivot: Columna: completa los encabezados de las columnas Fila: completa los encabezados de las filas Valor: muestra los datos relevantes de la fuente
	Gráfico de red	Los paneles Network Graph muestran interconexiones entre un conjunto de entidades. Cada entidad está representada por un Nodo. Las conexiones entre Nodos se representan a través de enlaces. Se requieren los siguientes tipos de control para Network Graph: Desde: desde el nodo para este enlace Nodo: nodo de Network Graph Etiqueta de nodo: etiqueta de nodo de gráfico de red Objeto de opciones JSON: objeto JSON que anula las opciones de gráfico Color de enlace: red Color del enlace del gráfico Color: valor de color para un evento o tarea
	Mapa	Los paneles Mapa muestran un mapa donde los controles se pueden visualizar según la ubicación geográfica. Los nombres de las regiones del mapa en su objeto comercial subyacente deben coincidir con los identificadores de los mapas fuente de Highmaps; Esto puede requerir atención adicional para garantizar que el mapa de origen pueda reconocer la clave de su objeto comercial. Por ejemplo, si tiene un objeto comercial con nombres de condados de EE. UU., es posible que los nombres de los condados no sean únicos; en este caso debes tener una columna que coincida con la clave de Highmaps. Se pueden elegir diferentes mapas proporcionados a través de la API de Highmaps en función de los datos que desee mostrar. Se requieren los siguientes tipos de control para el mapa: Categoría: país, estado, etc... Valor: valor asociado con la categoría Objeto de opciones JSON: objeto JSON que anula las opciones del gráfico Color: valor de color para un evento o tarea Para Para obtener información adicional sobre los paneles de mapas, consulte Panel de mapas. Consulte https://api.highcharts.com/highmaps para obtener documentación sobre los mapas de origen proporcionados en el panel de mapas.
	Gantt	Los paneles Gantt admiten la visualización de un diagrama de Gantt. Los diagramas de Gantt son útiles para planificar y programar proyectos. Ayudan a evaluar cuánto tiempo debe durar un proyecto, determinar los recursos necesarios y planificar el orden en el que se completarán las tareas. Los diagramas de Gantt también son una herramienta útil para gestionar las dependencias entre tareas. Para aprovechar un diagrama de Gantt en un panel de Gantt, necesitará un objeto comercial que contenga información para los controles que requiere el diagrama de Gantt. Gantt Los gráficos también se pueden utilizar para representar y mostrar dependencias de tareas y grupos de tareas, suponiendo que la información sobre estos valores adicionales esté configurada en el objeto de negocio. Se requieren los siguientes tipos de control para Gantt: < ul> Tarea: Control requerido, representa una tarea de proyecto individual que se está rastreando Fecha de inicio: Control requerido, representa la fecha de inicio de la tarea Los siguientes tipos de control son opcionales para Gantt: Fecha de finalización: representa la fecha de finalización de la tarea Color: valor de color para la tarea en el gráfico< /li> Dependencia: determina la relación de la tarea con las otras tareas de las que depende Tarea principal: para la disposición jerárquica de las tareas, es una referencia a otra Tarea del objeto de negocio Ordenar: le permite aplicar clasificación al valor seleccionado Grupo de tareas: se utiliza para agrupar o colocar varias tareas en la misma fila
	Gráfico	Los paneles Gráfico se utilizan en Vinyl para mostrar datos en una representación gráfica de un gráfico. Vinyl admite muchos tipos de gráficos diferentes, como barras, columnas, líneas, áreas, etc. Los gráficos se pueden vincular a los datos subyacentes para que el usuario pueda hacer clic y ver los datos de respaldo. Se requieren los siguientes tipos de control para gráfico: Categoría: control requerido, representa el eje x (horizontal) en el gráfico Valor: control requerido, representa y eje (vertical) en el gráfico Los siguientes tipos de control son opcionales para el gráfico: Color: valor de color utilizado por el gráfico Ordenar: le permite aplicar clasificación al valor seleccionado Bandera: se utiliza para marcar un evento o punto de interés Objeto de opciones JSON: Objeto JSON que anula las opciones del gráfico
	Calendario	Los paneles de Calendario llenan un calendario con información de la fuente de datos seleccionada. Al igual que los paneles de gráficos, los paneles de calendario se pueden vincular a otro panel para mostrar mayores detalles sobre un evento en el calendario. Se requieren los siguientes tipos de control para el calendario: Descripción: designa lo que aparecerá en el calendario y, por lo general, es un nombre de evento Inicio del evento: designa el día en que aparecerá el evento a partir del cual puede incluir marcas de tiempo, que se mostrará junto a la descripción del evento Fin del evento: designe en qué día aparecerá el evento y puede incluir marcas de tiempo, que se mostrarán junto a la descripción del evento Los siguientes tipos de control son opcionales para Calendario: Color: valor de color utilizado por Calendario para indicar eventos Ordenar: permite usted debe aplicar la clasificación al valor seleccionado
	Marco	Los paneles Marco permiten que una página reserve un espacio en la pantalla en el que se cargarán todos los enlaces de la página en los que se hace clic. El tipo Frame Panel no tiene contenido propio. Cuando existe un marco en una pantalla, cualquier navegación de página se dirigirá al marco en lugar de reemplazar toda la pantalla. Este tipo de panel se usa con mayor frecuencia para mantener visible un menú lateral persistente y el contenedor de marco representa la página dentro de él.
	Explorador de archivos	Los paneles del Explorador de archivos están vinculados a un sistema de archivos local o de red y tienen un aspecto muy similar a un directorio de archivos. El panel del explorador de archivos permite al usuario cargar archivos a un servidor y/o descargarlos a un dispositivo. La navegación también es posible dentro de estos paneles, con subdirectorios indicados por un icono de carpeta.
	HTML personalizado	Los paneles HTML personalizados utilizan plantillas HTML/CSS para mostrar datos e imágenes. Los paneles HTML personalizados son altamente personalizables en términos del control sobre la visualización que pueden generar y se parecen mucho a una página web.