[Документация Yandex Cloud](../../../index.md) > [Yandex DataLens](../../index.md) > Дашборды > Пошаговые инструкции > Виджеты на дашборде > Добавление селектора JS на дашборд

# Добавление селектора JS на дашборд


Перед добавлением селектора убедитесь, что у вас есть право доступа `Редактирование` или `Администрирование` на дашборд. Подробнее в разделе [Права доступа к объектам](../../security/manage-access.md).


Чтобы добавить [селектор](widgets/controls.md) на дашборд:

1. На панели слева нажмите ![image](../../../_assets/console-icons/layout-cells-large.svg) **Дашборды** и выберите нужный дашборд.
1. В верхней части страницы нажмите **Редактировать**.
1. На панели в нижней части страницы выберите виджет **Селектор (JS)**.

   ![image](../../../_assets/datalens/editor/widget-select-js.png)

1. Укажите параметры селектора:

   * **Заголовок** — используется для выбора селектора при установлении связи с другими виджетами.
   * **Источник** — задает селектор, созданный в Editor. Выберите селектор:

     {% list tabs %}

     - Из списка объектов

       Нажмите **Выбрать** и выберите селектор из списка объектов. Если селектор уже выбран, вы можете перейти к его редактированию. Для этого нажмите **Открыть** справа от селектора.

     - По ссылке

       Нажмите **Указать ссылку**. В поле ввода вставьте ссылку на нужный селектор и ниже нажмите **OK**.

     {% endlist %}

   
   * **Показать на вкладках** — выберите, как селектор будет отображаться на дашборде:

     * `Текущая вкладка <название_вкладки>` (по умолчанию) — селектор будет отображаться на указанной вкладке.
     * `Выбранные вкладки` — отметьте одну или несколько вкладок, на которых нужно отображать селектор. По умолчанию отмечена текущая вкладка.
     * `Все вкладки` — селектор будет отображаться на всех вкладках.


   
   * **Фон** — задает цвет фона и прозрачность виджета отдельно для светлой и темной темы.
   * **Скругление** — задает скругление виджета.


   * **Автовысота** — включает автоматическую высоту для виджета на дашборде.
   * **Параметры** — устанавливает список параметров селектора и их значения по умолчанию. Для корректной работы виджета укажите здесь параметры селектора, перечисленные на вкладке [Params](tabs.md#params).

     ![selector-js](../../../_assets/datalens/editor/selector-js-params.png)

1. Нажмите **Сохранить**. Виджет отобразится на дашборде.