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


# How to embed Yandex Calendar on a dashboard

To keep track of your event schedule right in Tracker, you can embed a Yandex Calendar block in an issue or project description, or in a note on a dashboard. For example, you can add a note with a calendar of your team's regular meetings to a project dashboard.

![](../_assets/dashboards/dashboard-for-manager.png =700x){.border-yes}
_An example of a dashboard with an embedded calendar_

## Step 1. Copy the code for embedding Calendar {#step-1}

1. In Yandex Calendar, select a calendar from the **My calendars** list in the left panel. You can create several calendars and add different events to them. [Yandex Calendar: Working with Calendar ![](../_assets/svg/new-window.svg)</svg>](https://yandex.com/support/yandex-360/customers/calendar/web/ru/calendar-actions)

    If the left panel isn't shown, click ![](../_assets/svg/calendar-arrow.png =25x) **Expand side panel** at the bottom of the screen.
1. Hover over the calendar name and click ![](../_assets/svg/vertical-ellipsis.svg) → ![](../_assets/svg/settings.svg)</svg> **Open settings**.
1. In the settings, go to the **Access** tab and copy the code from the **Code for embedding the calendar on a website** field.

    ![](../_assets/quick-start/add-calendar.png =450x){.border-yes}
    _How to open the calendar settings_

## Step 2. Create a "Note" widget on the dashboard {#step-2}

1. Open your dashboard and click **Edit** at the top.

1. Create a widget: click **Add** ![](../_assets/svg/unwrap.svg)</svg> → **Note**.

    ![](../_assets/dashboards/add-widget.png =700x){.border-blue}
    _How to add a widget_

## Step 3. Insert the calendar link into an HTML block {#step-3}

1. Add an HTML markup block to the widget: on the toolbar, click ![](../_assets/svg/actions.svg)</svg> → ![](../yfmeditor/icons/html-block.svg)</svg> **HTML**.

1. Paste the code you copied from Calendar into the block.

1. The code consists of parameters that define the block's appearance. You can change these parameters. For example, set a new border style: `style="border: 2px dotted orange"`.

1. To switch to the calendar preview mode, click **Close** at the bottom of the block.

    To exit this mode, click ![](../_assets/svg/actions.svg)</svg> → **Edit** in the upper-right corner of the block.

1. When you're done, click **Add**. The widget with the calendar appears on the dashboard.

    ![](../_assets/quick-start/add-calendar-to-widget.png =600x){.border-yes}
    _How to add an HTML markup block_

## Troubleshooting {#troubleshooting}

{% cut "A Calendar event didn't appear in Tracker" %}

If the **Visibility** → **Participants** setting is enabled for an event, it may not be visible on the embedded calendar. To fix this, click ![](../_assets/svg/icon-edit2.svg)</svg> in the event window and set the visibility to everyone.

{% endcut %}

{% cut "The calendar has to be scrolled" %}

This means the HTML block with the calendar is larger than the widget size on the dashboard. To enlarge the widget, click **Edit** at the top of the dashboard and drag the widget by the ◢ icon in the bottom-right corner.

{% endcut %}

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

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