---
metadata:
  - name: generator
    content: Diplodoc Platform v5.50.6
  - property: og:type
    content: article
  - property: article:section
    content: Следить за задачами на дашборде
  - property: og:title
    content: Как изменить внешний вид дашборда
  - property: article:tag
    content: Сборник инструкций
alternate:
  - https://yandex.ru/support/tracker/en/user/edit-dashboard.md
  - https://yandex.ru/support/tracker/ru/user/edit-dashboard.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.ru/support/tracker/ru/llms.txt


# Как изменить внешний вид дашборда

Настройте расположение, размер и цвет виджетов. Это поможет расставить приоритеты и создать удобное рабочее пространство — особенно если вы используете дашборд регулярно или показываете его команде.

Например, можно:
* Увеличить самый важный график и разместить его вверху.
* Сгруппировать связанные виджеты, чтобы быстро их сравнивать.
* Выделить цветом срочные или проблемные показатели.

Менять виджеты можно только на дашбордах, где у вас есть доступ «Редактирование». [Как настроить доступ](https://yandex.ru/support/tracker/ru/user/share-dashboard.md#change-access)

## Изменить размер и положение виджета {#change-view}

1. Откройте ваш дашборд и вверху нажмите **Редактировать**.
    - Чтобы изменить положение, перетащите виджет в другую часть дашборда. 
    - Чтобы изменить размер, потяните виджет за значок ◢ справа внизу.
    - Чтобы удалить виджет, вверху нажмите <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14 6.125a1.874 1.874 0 1 1 .001 3.749A1.874 1.874 0 0 1 14 6.125zm-5.906 0a1.874 1.874 0 1 1 0 3.749 1.874 1.874 0 0 1 0-3.749zM2 6.125a1.874 1.874 0 1 1 .001 3.749A1.874 1.874 0 0 1 2 6.125z"/></svg></svg> → <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9 2H7a.5.5 0 0 0-.5.5V3h3v-.5A.5.5 0 0 0 9 2Zm2 1v-.5a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2V3H2.251a.75.75 0 0 0 0 1.5h.312l.317 7.625A3 3 0 0 0 5.878 15h4.245a3 3 0 0 0 2.997-2.875l.318-7.625h.312a.75.75 0 0 0 0-1.5H11Zm.936 1.5H4.064l.315 7.562A1.5 1.5 0 0 0 5.878 13.5h4.245a1.5 1.5 0 0 0 1.498-1.438l.315-7.562Zm-6.186 2v5a.75.75 0 0 0 1.5 0v-5a.75.75 0 0 0-1.5 0Zm3.75-.75a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0v-5a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"/></svg></svg> **Удалить**.
1. Когда закончите, вверху дашборда нажмите **Сохранить**.

![](../_assets/dashboards/edit-dashboard.png =800x){.border-blue}
_Как переместить виджет_

## Изменить цвет виджета {#color}

Вы можете выделить виджет цветной полосой вверху.

1. Откройте ваш дашборд. Не переходите в режим редактирования.
1. Вверху виджета нажмите <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14 6.125a1.874 1.874 0 1 1 .001 3.749A1.874 1.874 0 0 1 14 6.125zm-5.906 0a1.874 1.874 0 1 1 0 3.749 1.874 1.874 0 0 1 0-3.749zM2 6.125a1.874 1.874 0 1 1 .001 3.749A1.874 1.874 0 0 1 2 6.125z"/></svg></svg> → <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon nv-settings-menu__item-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M12.012 10c.431.004.764-.15 1.002-.411.244-.268.486-.762.486-1.589a5.5 5.5 0 1 0-5.17 5.491 4.279 4.279 0 0 1-.106-.89 2.37 2.37 0 0 1 .495-1.48c.386-.493.92-.763 1.448-.914C10.69 10.06 11.303 10 12 10h.012ZM8.43 14.01v-.005.005ZM12 11.5c1.66.013 3-1.25 3-3.5a7 7 0 1 0-7 7c2.19 0 2.011-.83 1.827-1.68-.194-.898-.393-1.82 2.173-1.82ZM9 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 2.75a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-4.75-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM5.75 11a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/></svg></svg> **Выбрать цвет**.
1. Выберите цвет из палитры.

![](../_assets/dashboards/widget-choose-color.png =650x){.border-blue}
_Как выделить виджет на дашборде_

## Открыть виджет в новой вкладке {#full-screen}

Любой виджет можно свернуть или развернуть на весь экран.

- Чтобы развернуть виджет на весь экран, нажмите <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14 6.125a1.874 1.874 0 1 1 .001 3.749A1.874 1.874 0 0 1 14 6.125zm-5.906 0a1.874 1.874 0 1 1 0 3.749 1.874 1.874 0 0 1 0-3.749zM2 6.125a1.874 1.874 0 1 1 .001 3.749A1.874 1.874 0 0 1 2 6.125z"/></svg></svg> → <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10 1.5A.75.75 0 0 0 10 3h1.94L6.97 7.97a.75.75 0 0 0 1.06 1.06L13 4.06V6a.75.75 0 0 0 1.5 0V2.25a.75.75 0 0 0-.75-.75H10ZM7.5 3.25a.75.75 0 0 0-.75-.75H4.5a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V9.25a.75.75 0 0 0-1.5 0v2.25a1.5 1.5 0 0 1-1.5 1.5h-6A1.5 1.5 0 0 1 3 11.5v-6A1.5 1.5 0 0 1 4.5 4h2.25a.75.75 0 0 0 .75-.75Z" clip-rule="evenodd"/></svg></svg> **Открыть в новой вкладке**.

- Чтобы свернуть или развернуть виджет на дашборде, нажмите его заголовок. 
    Это изменение видите только вы. Оно сохраняется, когда вы закрываете дашборд.

![](../_assets/dashboards/full-screen-widget.png =650x){.border-blue}
_Как развернуть виджет на всю страницу_

## Изменить настройки виджета {#change-params}

Чтобы изменить настройки, которые влияют на построение графика:

1. Откройте ваш дашборд.
1. Вверху виджета нажмите <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14 6.125a1.874 1.874 0 1 1 .001 3.749A1.874 1.874 0 0 1 14 6.125zm-5.906 0a1.874 1.874 0 1 1 0 3.749 1.874 1.874 0 0 1 0-3.749zM2 6.125a1.874 1.874 0 1 1 .001 3.749A1.874 1.874 0 0 1 2 6.125z"/></svg></svg> → <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 16"><path d="M12.238 3.64a1.854 1.854 0 0 0-1.629-1.628l-.8.8a3.367 3.367 0 0 1 1.63 1.628l.799-.8ZM4.74 7.88l3.87-3.868a1.854 1.854 0 0 1 1.628 1.629L6.369 9.51a1.5 1.5 0 0 1-.814.418l-1.48.247.247-1.48a1.5 1.5 0 0 1 .418-.814ZM9.72.78l-2 2-4.04 4.04a3 3 0 0 0-.838 1.628L2.48 10.62a1 1 0 0 0 1.151 1.15l2.17-.36a3 3 0 0 0 1.629-.839l4.04-4.04 2-2c.18-.18.28-.423.28-.677A3.353 3.353 0 0 0 10.397.5c-.254 0-.498.1-.678.28ZM2.75 13a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H2.75Z"/></svg></svg> **Редактировать**.
1. Измените параметры виджета, например «Столбцы» или «Автообновление».
1. Нажмите **Сохранить**.

![](../_assets/widgets/tasks-settings.png =600x){.border-blue}
_Пример настроек виджета_

<!-- source: ru/_assets/style/image.md -->

<!-- endsource: ru/_assets/style/image.md -->
