[comment]: # (tags: dashboard, screen)

[comment]: # ({c51ed5d4-e22ef2ab})
# 1 Tableros

[comment]: # ({/c51ed5d4-e22ef2ab})

[comment]: # ({59d5bafb-6e26b249})
#### Descripción general

La sección *Tableros* está diseñada para mostrar resúmenes de
toda la información importante en un **panel**.

Aunque sólo se puede mostrar un tablero a la vez, es posible
configurar varios tableros. Cada tablero puede contener una o varias
páginas que se pueden rotar en una presentación de diapositivas.

Una página de tablero consta de widgets y cada widget está diseñado para
mostrar información de cierto tipo y origen, que puede ser un
resumen, un mapa, un gráfico, el reloj, etc.

El acceso a los equipos en los widgets depende de los [permisos](/manual/config/users_and_usergroups/permissions#access-to-hosts) del equipo .

![](../../../../assets/en/manual/web_interface/frontend_sections/dashboards/dashboard.png){width="600"}

Las páginas y los widgets se agregan al tablero y se editan en el 
modo de edición del tablero. Las páginas se pueden ver y rotar en el modo de visualización
del tablero.

El período de tiempo que se muestra en los widgets de gráficos está controlado por el
[selector de periodo de 
tiempo](/manual/config/visualization/graphs/simple#time_period_selector)
ubicado encima de los widgets. La etiqueta del selector de período de tiempo, ubicada
a la derecha, muestra el período de tiempo seleccionado actualmente. Al hacer clic en la pestaña,
la etiqueta permite expandir y contraer el selector de período de tiempo.

Tenga en cuenta que cuando el tablero se muestra en modo quiosco y solo 
se muestran los widgets, es posible alejar el período del gráfico
haciendo doble clic en el gráfico.

[comment]: # ({/59d5bafb-6e26b249})

[comment]: # ({0dd1dd24-33700391})

##### Tamaño del tablero

El ancho mínimo de un tablero es de 1200 píxeles. El tablero no se reducirá por debajo de este ancho; si la ventana del navegador es más pequeña que eso, se muestra una 
barra de desplazamiento horizontal.

El ancho máximo de un tablero es el ancho de la ventana del navegador. Los widgets del tablero se extienden horizontalmente para adaptarse a la ventana.
Al mismo tiempo, un widget de tablero no se puede extender horizontalmente más allá de los límites de la ventana.

Técnicamente, el tablero consta de 12 columnas horizontales de igual ancho que se estiran/encogen dinámicamente (pero
no menos de 1200 píxeles en total).

Verticalmente el tablero puede contener un máximo de 64 filas. Cada fila tiene una altura fija de 70 píxeles. Un widget puede ser de
hasta 32 filas de alto.

[comment]: # ({/0dd1dd24-33700391})

[comment]: # ({ea1c782d-66f99095})
#### Visualización de tableros

Para ver todos los tableros configurados, haga clic en *Todos los tableros* justo debajo
del título de la sección.

![](../../../../assets/en/manual/web_interface/frontend_sections/dashboards/dashboards.png)

Los tableros se muestran con una etiqueta [compartir](#sharing):

- *Mio* - indica un tablero privado
- *Compartido*: indica un tablero público o un tablero privado
    compartido con cualquier usuario o grupo de usuarios

El filtro ubicado a la derecha encima de la lista permite filtrar
tableros por nombre y por los creados por el usuario actual.

Para eliminar uno o varios tableros, marque las casillas de verificación de los
tableros respectivos y haga clic en *Eliminar* debajo de la lista.

[comment]: # ({/ea1c782d-66f99095})

[comment]: # ({fe41bbb5-211bf3e2})
#### Ver un tablero

Para ver un solo tablero, haga clic en su nombre en la lista de tableros.

Al **ver** un tablero, están disponibles las siguientes opciones:

| | | |
|-|----------|----------------------------------------|
|![](../../../../assets/en/manual/web_interface/dashboard_edit_button.png){width="107"}|<|Cambie al modo de **edición** del tablero. <br>El modo de edición también se abre cuando se crea un nuevo tablero y cuando hace clic en el ![](../../../../assets/en/manual/web_interface/widget_edit.png) botón de edición de un widget.|
|![](../../../../assets/en/manual/web_interface/dashboard_action_menu2.png)|<|Abra el menú de acciones (consulte las descripciones de las acciones a continuación).|
|![](../../../../assets/en/manual/web_interface/frontend_sections/dashboards/dashboard_view_actions.png){width="208"}|<|*Compartir* - editar  preferencias de [compartir](#sharing) para el tablero.<br>*Crear nuevo* - [crear](#creating_a_dashboard) un nuevo tablero.<br>*Clonar*: crea un nuevo tablero copiando las propiedades del existente. Primero se le solicitará que ingrese los parámetros del tablero. Luego, el nuevo tablero se abre en modo de edición con todos los widgets del tablero original.<br>*Eliminar*: elimina el tablero.<br>*Crear nuevo informe*: abre una ventana emergente con el [formulario de configuración] (/manual/config/reports) del informe. Deshabilitado si el usuario no tiene permiso para administrar informes programados.<br>*Ver informes relacionados*: abre una ventana emergente con una lista de informes existentes basados en el tablero actual. Deshabilitado si no hay informes relacionados o el usuario no tiene permiso para ver los informes programados.|
|![](../../../../assets/en/manual/web_interface/button_kiosk.png)|<|Mostrar solo el contenido de la página ([modo quiosco](/manual/web_interface/frontend_sections/monitoring #view_mode_buttons)).<br>También se puede acceder al modo Kiosco con los siguientes parámetros de URL: `/zabbix.php?action=dashboard.view&kiosk=1`.<br>Para salir al modo normal: `/zabbix.php?action=dashboard.view&kiosk=0`|

[comment]: # ({/fe41bbb5-211bf3e2})

[comment]: # ({788087e7-da387b0f})
##### Compartiendo

Los tableros pueden hacerse públicos o privados.

Los tableros públicos son visibles para todos los usuarios. Los tableros privados solo son visibles para su propietario.
El propietario puede compartir tableros privados con otros usuarios y grupos de usuarios.

El estado de uso compartido de un tablero se muestra en la lista de todos los tableros.
Para editar el estado de uso compartido de un tablero, haga clic en la opción *Compartir* en
el menú de acciones al visualizar un único tablero:

|Parámetro|Descripción|
|---------|-----------|
|*Tipo*|Seleccione el tipo de tablero:<br>**Privado**: el tablero es visible solo para usuarios y grupos de usuarios seleccionados<br>**Público**: el tablero es visible para todos|
|*Lista de recursos compartidos de grupos de usuarios*|Seleccione los grupos de usuarios a los que se puede acceder al tablero.<br>Puede permitir el acceso de solo lectura o de lectura y escritura.|
|*Lista de recursos compartidos de usuarios*|Seleccione los usuarios a los que puede acceder el tablero.<br>Puede permitir el acceso de solo lectura o de lectura y escritura.|

[comment]: # ({/788087e7-da387b0f})

[comment]: # ({538b420a-226e4f93})
#### Editar un tablero

Al **editar** un tablero, las siguientes opciones están disponibles:

| | | |
|-|----------|----------------------------------------|
|![](../../../../assets/en/manual/web_interface/dashboard_properties.png)|<|Editar [parámetros](#creating_a_dashboard) generales del tablero.|
|![](../../../../assets/en/manual/web_interface/frontend_sections/dashboards/dashboard_add_button.png)|<|Agregar un nuevo widget.<br>Al hacer clic en el botón de flecha, abra el menú de acciones (consulte las descripciones de las acciones a continuación).|
| |![](../../../../assets/en/manual/web_interface/frontend_sections/dashboards/dashboard_edit_actions.png)|*Agregar widget* - agregar un nuevo widget<br>*Agregar página* - agregar una nueva página<br>*Pegar widget* - pegar un widget copiado. Esta opción aparece atenuada si no se ha copiado ningún widget. Solo se puede copiar una entidad (widget o página) a la vez.<br>*Pegar página*: pega una página copiada. Esta opción aparece atenuada si no se ha copiado ninguna página.|
|![](../../../../assets/en/manual/web_interface/dashboard_save.png)|<|Guardar cambios en el tablero.|
|![](../../../../assets/en/manual/web_interface/dashboard_cancel.png)|<|Cancelar cambios en el tablero.|

[comment]: # ({/538b420a-226e4f93})

[comment]: # ({539b1090-4750aaf1})
#### Creando un tablero

Es posible crear un nuevo tablero de dos maneras:

-   Haga clic en *Crear tablero*, cuando vea todos los tableros
-   Seleccione *Crear nuevo* en el menú de acciones, cuando vea un único
    tablero

Primero se le pedirá que ingrese los parámetros generales del tablero:

![dashboard\_properties.png](../../../../assets/en/manual/web_interface/frontend_sections/dashboards/dashboard_properties.png)

|Parámetro|Descripción|
|--|--------|
|*Propietario*|Seleccione el usuario del sistema que será el propietario del tablero.|
|*Nombre*|Ingrese el nombre del tablero.|
|*Período de visualización de página predeterminado*|Seleccione el período durante el cual se muestra una página del tablero antes de pasar a la página siguiente en una [presentación de diapositivas](#creating_a_slideshow).|
|*Iniciar presentación de diapositivas automáticamente*|Marque esta casilla de verificación para ejecutar una presentación de diapositivas automáticamente cuando exista más de una página del tablero.|

Al hacer clic en *Aplicar*, se abre un tablero vacío:

![](../../../../assets/en/manual/web_interface/frontend_sections/dashboards/dashboard_add.png){width="600"}

Para completar el tablero, puede agregar widgets y páginas.

Haga clic en el botón *Guardar cambios* para guardar el tablero. Si hace clic
en *Cancelar*, el tablero no se creará.

[comment]: # ({/539b1090-4750aaf1})

[comment]: # ({bd5eaeaa-0136f9fd})
#### Agregar widgets

Para agregar un widget a un tablero:

-   Haga clic en el
    ![](../../../../assets/en/manual/web_interface/frontend_sections/dashboards/dashboard_add_button.png)
    o la opción *Agregar widget* en el menú de acciones que se
    abre haciendo clic en la flecha. Complete el formulario de configuración del widget.
    El widget se creará en su tamaño predeterminado y se colocará después de los
    widgets existentes (si los hay);

O

-   Mueva el mouse al lugar vacío deseado para el nuevo widget. Fíjese en
    cómo aparece un marcador de posición, al pasar el mouse, en cualquier espacio vacío en el
    tablero. Luego haga clic para abrir el formulario de configuración del widget. Después,
    al completar el formulario, el widget se creará en su tamaño predeterminado o,
    si su tamaño predeterminado es mayor que el disponible, toma el
    espacio disponible. Alternativamente, puede hacer clic y arrastrar el
    marcador de posición al tamaño de widget deseado, luego suéltelo y luego complete
    el formulario de configuración del widget. (Tenga en cuenta que cuando hay un widget
    copiado en el portapapeles, primero se le pedirá que seleccione
    entre las opciones *Agregar widget* y *Pegar widget* para crear un widget).

![](../../../../assets/en/manual/web_interface/dashboard_click.png)

![](../../../../assets/en/manual/web_interface/dashboard_select.png)

En el formulario de configuración del widget:

-   Seleccione el *Tipo* de widget
-   Introduzca los parámetros del widget
-   Haga clic en *Agregar*

![](../../../../assets/en/manual/web_interface/frontend_sections/dashboards/widget_add.png)

#### Widgets

Una amplia variedad de [widgets](/manual/web_interface/frontend_sections/dashboards/widgets) (por ejemplo, [Reloj](/manual/web_interface/frontend_sections/dashboards/widgets/clock), [Disponibilidad del equipo](/manual/web_interface/frontend_sections /dashboards/widgets/host_availability) o [Descripción general del iniciador](/manual/web_interface/frontend_sections/dashboards/widgets/trigger_overview)) se pueden agregar a un tablero: se pueden cambiar de tamaño y mover por el tablero en el modo de edición del tablero haciendo clic en la barra de título del widget y arrastrándolo a una nueva ubicación. Además, puede hacer clic en los siguientes botones en la esquina superior derecha del widget para:

- ![](../../../../assets/en/manual/web_interface/widget_edit.png) -
    editar un widget;
- ![](../../../../assets/en/manual/web_interface/button_widget_menu.png) -
    acceder al [menú de widgets](#widget_menu)

Haga clic en *Guardar cambios* para que el tablero haga permanentes los cambios en los
widgets.

[comment]: # ({/bd5eaeaa-0136f9fd})

[comment]: # ({c9679ae2-c9679ae2})
#### Copiar/pegar widgets

Los widgets del tablero se pueden copiar y pegar, lo que permite crear un nuevo
widget con las propiedades de uno existente. Se pueden copiar y pegar
dentro del mismo tablero, o entre tableros abiertos en diferentes
pestañas.

Se puede copiar un widget usando el [menú de widgets](#widget_menu). Pegar
el widget:

- haga clic en la flecha al lado del botón *Agregar* y seleccione la opción *Pegar
     widget*, al editar el tablero
- use la opción *Pegar widget* al agregar un nuevo widget seleccionando
    alguna área en el tablero (primero se debe copiar un widget 
   para que esté disponible la opción pegar )

Se puede usar un widget copiado para pegar sobre un widget existente usando la
opción *Pegar* en el [menú de widgets](#widget_menu).

[comment]: # ({/c9679ae2-c9679ae2})

[comment]: # ({cc1ad546-70c1bf80})
#### Creando una presentación de diapositivas

Se ejecutará una presentación de diapositivas automáticamente si el tablero contiene dos o más
páginas (ver [Agregar páginas](#adding_pages)) y se cumple uno de los siguientes:

- La opción *Iniciar presentación de diapositivas automáticamente* está marcada en las
    propiedades del tablero
- La URL del panel contiene un parámetro `slideshow=1`

Las páginas rotan según los intervalos indicados en las propiedades del
tablero y las páginas individuales. Haga clic en:

-   *Detener presentación de diapositivas* - para detener la presentación de diapositivas
-   *Iniciar presentación de diapositivas* - para iniciar la presentación de diapositivas

![](../../../../assets/en/manual/web_interface/frontend_sections/dashboards/dashboard_page_tabs.png)

Los controles relacionados con la presentación de diapositivas también están disponibles en [el modo
kiosko](#viewing_and_editing_a_dashboard) (donde solo se muestra el contenido de la página):

- ![](../../../../assets/en/manual/web_interface/frontend_sections/dashboards/slideshow_stop_kiosk.png) -
    detener la presentación de diapositivas
- ![](../../../../assets/en/manual/web_interface/frontend_sections/dashboards/slideshow_start_kiosk.png) -
    Empezar la presentación de diapositivas
- ![](../../../../assets/en/manual/web_interface/frontend_sections/dashboards/slideshow_back_kiosk.png) -
    ir a la página anterior
- ![](../../../../assets/en/manual/web_interface/frontend_sections/dashboards/slideshow_next_kiosk.png) -
    ir a la página siguiente

[comment]: # ({/cc1ad546-70c1bf80})

[comment]: # ({ca26f29e-53487df8})
#### Agregar páginas

Para agregar una nueva página a un tablero:

-   Asegúrese de que el tablero esté en el [modo
    edición](#viewing_and_editing_a_dashboard)
-   Haga clic en la flecha al lado del botón *Agregar* y seleccione la opción *Agregar
     página*

![](../../../../assets/en/manual/web_interface/frontend_sections/dashboards/dashboard_page_add.png)

- Complete los parámetros generales de la página y haga clic en *Aplicar*. Si se va y
    el nombre está vacío, la página se agregará con un nombre de `Página N` donde
    'N' es el número incremental de la página. El período de visualización de la página
    permite personalizar cuánto tiempo se muestra una página en una presentación de diapositivas.

![](../../../../assets/en/manual/web_interface/frontend_sections/dashboards/dashboard_page_properties.png)

Se agregará una nueva página, indicada por una nueva pestaña (*Página 2*).

![](../../../../assets/en/manual/web_interface/frontend_sections/dashboards/dashboard_page_new.png)

Las páginas se pueden reordenar arrastrando y soltando las pestañas de las páginas.
La reordenación mantiene el nombre de la página original. Siempre que sea posible
acceda a cada página haciendo clic en su pestaña.

Cuando se agrega una nueva página, está vacía. Puede agregarle widgets como
se describe arriba.

[comment]: # ({/ca26f29e-53487df8})

[comment]: # ({c2af5c74-90a8c064})
#### Copiar/pegar páginas

Las páginas del tablero se pueden copiar y pegar, lo que permite crear una nueva página
con las propiedades de una ya existente. Se pueden pegar del mismo
tablero o en un tablero diferente.

Para pegar una página existente en el tablero, primero cópiela usando el
[menú de página](#page_menu):

![](../../../../assets/en/manual/web_interface/frontend_sections/dashboards/dashboard_page_copy.png)

Para pegar la página copiada:

-   Asegúrese de que el tablero esté en el [modo
    edición](#viewing_and_editing_a_dashboard)
-   Haga clic en la flecha al lado del botón *Agregar* y seleccione la opción *Pegar
    página*

[comment]: # ({/c2af5c74-90a8c064})

[comment]: # ({00f487c9-7680d810})
#### Menú de página

El menú de la página se puede abrir haciendo clic en los tres puntos.
![](../../../../assets/en/manual/web_interface/frontend_sections/dashboards/dashboard_page_menu.png)
junto al nombre de la página:

![](../../../../assets/en/manual/web_interface/frontend_sections/dashboards/page_menu.png)

Contiene las siguientes opciones:

-   *Copiar* - copiar la página
-   *Eliminar*: elimina la página (las páginas solo se pueden eliminar en el
    modo de edición del tablero)
-   *Propiedades* - personaliza los parámetros de la página (el nombre y la página
    período de visualización en una presentación de diapositivas)

[comment]: # ({/00f487c9-7680d810})

[comment]: # ({1f5816b7-0d0ccdf9})
#### Menú de widgets

El menú del widget contiene diferentes opciones según si el
tablero está en modo de edición o de visualización:

|Menú de widgets|Opciones|
|----|------|
|En el modo de edición del tablero:<br>![widget\_menu\_edit.png](../../../../assets/en/manual/web_interface/widget_menu_edit.png)|*Copiar* - copiar el widget<br>*Pegar*: pega un widget copiado sobre este widget<br>Esta opción aparece atenuada si no se ha copiado ningún widget.<br>*Eliminar*: elimina el widget|
|En el modo de vista del tablero:<br>![widget\_menu\_view.png](../../../../assets/en/manual/web_interface/widget_menu_view.png)|*Copiar* - copiar el widget<br>*Descargar imagen*: descargue el widget como una imagen PNG<br>(solo disponible para [graph](/manual/web_interface/frontend_sections/dashboards/widgets/graph)/[classic graph](/manual/ web_interface/frontend_sections/dashboards/widgets/graph_classic) widgets)<br>*Intervalo de actualización*: seleccione la frecuencia de actualización<br>el contenido del widget|

[comment]: # ({/1f5816b7-0d0ccdf9})

[comment]: # ({e4011f4e-cbf4c212})
#### Widgets dinámicos {#dynamic-widgets}

Durante la
[configuración](/manual/web_interface/frontend_sections/dashboards/widgets)
de algunos de los widgets:

-   Gráfico clásico
-   Prototipo de gráfico
-   Valor de la métrica
-   Texto sin formato
-   URL

hay una opción adicional llamada *Habilitar selección de equipo*. Puede marcar esta casilla
para hacer que el widget sea dinámico, es decir, capaz de mostrar diferentes
contenidos basados en el equipo seleccionado.

Ahora, al guardar el tablero, notará que un nuevo 
campo de selección de equipo ha aparecido en la parte superior del tablero para seleccionar el equipo.
(mientras que el botón *Seleccionar* permite seleccionar el grupo de equipos en una ventana emergente):

![](../../../../assets/en/manual/web_interface/frontend_sections/monitoring/dynamic_selection.png)

Por lo tanto, tiene un widget que puede mostrar contenido basado en los
datos del equipo seleccionado. El beneficio de esto es que no
es necesario crear widgets adicionales sólo porque, por ejemplo, quiere
ver el mismo gráfico que contiene datos de varios equipos.

[comment]: # ({/e4011f4e-cbf4c212})

[comment]: # ({3fd2543c-3fd2543c})
#### Permisos para tableros

Los permisos a tableros para usuarios habituales y usuarios de tipo 'Administrador'
están limitados de la siguiente manera:

-   Pueden ver y clonar un tablero si tienen al menos derechos de LEERLO;
-   Pueden editar y eliminar el tablero solo si tienen derechos de LEER/ESCRIBIR
    sobre el mismo;
-   No pueden cambiar el propietario del tablero.

[comment]: # ({/3fd2543c-3fd2543c})


