> ## Documentation Index
> Fetch the complete documentation index at: https://docs.omni.co/llms.txt
> Use this file to discover all available pages before exploring further.
# Dashboard tile anchors (table of contents)
> This example can be used in the Markdown visualization to create a linked table of contents.
[Markdown visualizations](/visualize-present/visualizations/types/markdown) and [dashboard Markdown text tiles](/visualize-present/dashboards/text-markdown) can include links to other tiles within the dashboard. This is a nice way to create a table of contents or "back to the top" links or buttons to help users move around a longer dashboard.
## Linking to existing charts
Any HTML element with an `id` on the page can be referenced as an anchor point to jump to. Every chart tile on the dashboard has a unique ID that is based on the title of the tile. For example, if the title of your tile is `Top Performing Brands` the corresponding ID is `top-performing-brands` and you can reference that anchor point with a markdown link like this:
```markdown theme={null}
[Jump to brand analysis](#top-performing-brands)
```
or if you are writing HTML in the markdown editor, like this:
```html theme={null}
Jump to brand analysis
```
## Creating your own anchors
If you are making more complex HTML-based markdown tiles, you can also include IDs in your element tags. It's a bit more complex to reference these IDs in other markdown tiles. Because we sanitize the HTML and markdown for security, we replace all user-generated IDs with a `user-content-` prepended to the provided ID. For example, if you write this HTML:
```html theme={null}
We sell lots of stuff!
```
then you will need to reference it like this:
```html theme={null}
Jump to brand analysis
```
If you need help getting the ID for any element, you can also use your browser's code inspector to locate the element.
## Linking to another dashboard with filters and controls retained
A Markdown link can also jump to a different dashboard while carrying over the current dashboard's filter or control selections, instead of opening the destination with nothing applied.
### Filters
Reference the filter's JSON value with [Mustache](/visualize-present/mustache-reference), and pass it as the destination dashboard's own filter ID, prefixed with `f--`:
```html wrap title="Link to another dashboard, keeping a dashboard filter" theme={null}
Go to Sales dashboard
```
`8v_G12D7` is the ID of the filter on the current dashboard, and `rW8-IWVU` is the ID of the filter on the destination dashboard. These are usually different values, since filter IDs are scoped to the dashboard they're created on. See [Locating keys](/visualize-present/mustache-reference#control_id-and-filter_id) for how to find a filter or control ID.
Use the `.json` element, not `.value_url_encoded`, for filter passthrough. `.json` carries the filter's full condition (its operator and values), which the destination filter applies to whatever field it's already configured for - so unlike controls, the source and destination don't need to reference the same field. `.value_url_encoded` only passes the bare value, which isn't enough for the destination to apply the filter correctly.
### Controls
Controls use the `c--` prefix instead of `f--`. Reference the control's `value` or `value_url_encoded` element:
```html wrap title="Link to another dashboard, keeping a control" theme={null}
Go to Sales dashboard
```
Control passthrough only works when the destination control is built on the exact same field as the current dashboard's control. If the two dashboards pull the control from a different view or field, the destination dashboard won't recognize the value and will load with no control value applied.
It's also limited to controls that hold a single field or value selection - field switcher, time frame switcher, parent controls, and Top N limit. Multi-field picker, period over period, and dynamic filter controls aren't supported this way.
## Example code
The following example references the video at the top of the page.
### Anchor/header tiles
Each of the 3 colorful headers in the above example serve as anchor destinations to navigate to. For this example, each hading has been created using a separate markdown visualization in the workbook, each titled to match the text inside the heading.
```html expandable title="Example code for the 'Overview' heading" theme={null}
Overview
```
### Table of contents
Use a dashboard Markdown text tile to create the table of contents:
```html expandable theme={null}
```
This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.
```html expandable title="Example code for the 'Overview' heading" theme={null}