Saltar al contenido principal

Diseño y modo edición

El Cockpit usa un sistema de cuadrícula de 12 columnas adaptable. Los widgets se ajustan a las posiciones de la cuadrícula, lo que facilita construir paneles limpios y alineados sin ajustes a nivel de píxel.

Entrar y salir del modo edición​

Haga clic en el botón Editar en la barra de herramientas para entrar en modo edición. La cuadrícula se vuelve visible y cada widget muestra manijas de arrastre y redimensionamiento.

Modo edición con manijas de cuadrícula visibles Modo edición activado. Las manijas de arrastre aparecen en la parte superior de cada widget y las manijas de redimensionamiento en la esquina inferior derecha.

Haga clic en Editar de nuevo para salir del modo edición y bloquear las posiciones de los widgets. Salir del modo edición no guarda el panel: hasta que haga clic en Actualizar o Guardar como..., una etiqueta Cambios sin guardar permanece junto al nombre del panel, y OpSee le pregunta antes de salir de la página. Consulte Cambios sin guardar.

Arrastrar y soltar para reposicionar​

Agarre un widget por su manija de arrastre (área superior) y muévalo a una nueva posición en la cuadrícula. Otros widgets se desplazan automáticamente para hacer espacio. Suelte el widget para soltarlo en su lugar.

Widget siendo arrastrado a una nueva posición Arrastrando un widget a una nueva posición en la cuadrícula. Un marcador de posición muestra dónde aterrizará el widget cuando se suelte.

Redimensionar widgets​

Arrastre la manija de la esquina inferior derecha de un widget para cambiar su tamaño. Los widgets se ajustan a anchos de columna y alturas de fila válidos según las restricciones de su tipo.

Manija de redimensionamiento en la esquina del widget La manija de redimensionamiento en la esquina inferior derecha de un widget. Arrástrela para ajustar el ancho y la altura dentro de las restricciones permitidas.

Restricciones de tamaño​

Cada tipo de widget tiene anchos permitidos predefinidos en la cuadrícula de 12 columnas. Las alturas se pueden ajustar dentro de límites mínimos y máximos.

Tipo de widgetAnchos permitidos (columnas)Tamaño predeterminadoAltura mín.
Tarjetas KPI3, 4 o 63 x 22 filas
Gráficos donut3, 4, 6 o 124 x 33 filas
Gráficos de barras3, 4, 6 o 126 x 43 filas
Gráficos de líneas4, 6 o 126 x 43 filas
Tablas DataGrid6 o 1212 x 64 filas
Timeline6 o 1212 x 43 filas

Las tarjetas KPI con 3 columnas caben cuatro en una fila, ideal para una fila de resumen en la parte superior de un panel. Los gráficos con 6 columnas caben dos lado a lado. Las tablas DataGrid se establecen por defecto a ancho completo para máxima legibilidad.

Compactación vertical​

La cuadrícula usa compactación vertical. Cuando mueve o elimina un widget, todos los widgets debajo se desplazan hacia arriba para llenar los huecos. Esto mantiene el panel compacto sin filas vacías entre widgets.

tip

Añada todos sus widgets primero, luego entre en modo edición para reorganizarlos en una sola sesión. Esto es más rápido que reposicionar después de cada adición.

Añadir varios widgets a la vez​

Cuando abre el diálogo Añadir widget, puede añadir widgets uno a la vez o en masa. Después de añadir un widget, el diálogo permanece abierto para que pueda explorar y añadir más. Cada nuevo widget se coloca automáticamente en la siguiente posición disponible en la cuadrícula.

tip

Use esto para poblar rápidamente un nuevo panel. Abra el diálogo Añadir widget, añada todas las tarjetas KPI que necesite, luego añada sus gráficos y tablas. Cierre el diálogo y entre en modo edición para organizar todo de una vez.

Puntos de ruptura de la cuadrícula​

El Cockpit se adapta a diferentes tamaños de pantalla. En pantallas grandes, está disponible la cuadrícula completa de 12 columnas. En pantallas más pequeñas, el número de columnas se reduce automáticamente:

Tamaño de pantallaColumnas
Grande (escritorio)12
Medio (tableta horizontal)12
Pequeño (tableta vertical)6
Muy pequeño (teléfono horizontal)4
Mínimo (teléfono vertical)2

Los widgets se reorganizan para ajustarse a las columnas disponibles. Un gráfico de 6 columnas en una pantalla de 6 columnas ocupa el ancho completo automáticamente.

Próximos pasos​

Requisitos previos​

Relacionado​