# Element interactions

Element interactions enable you quickly analyse the impact of a particular dimension category on your overall data, for instance, the contribution of a particular product to overall sales or profits.

### 1.  Cross highlighting

All the elements in the storyboard can talk to each other. In reading mode, when you select a dimension category in one element, the corresponding data is highlighted in all the other elements. When you click 'Canada', notice how the data is highlighted across the board.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FtBjuq654igoed9x6JXKb%2Fimage.png?alt=media&#x26;token=b1435bd4-1f0e-4e80-bba6-32042c0ffa36" alt=""><figcaption><p>Cross highlighting </p></figcaption></figure>

Similarly, when you select the 'Medium' discount band under the 'Amarilla' product, the selection is reflected across all elements.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FrbWkH7wnWYBs6Flu2e3T%2Fimage.png?alt=media&#x26;token=8bf021b2-12a3-46ac-8961-fe81031647d6" alt=""><figcaption><p>Cross highlighting hierarchical data</p></figcaption></figure>

### 2.  Cross filtering

Elements in your dashboard can interact dynamically, allowing selection in one component to filter data in other elements. Enable the **Cross filtering** toggle in the Properties > Element > Interaction tab.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2F6y6Gh8l92ldMt1iq6vLO%2Fimage.png?alt=media&#x26;token=d699d6f4-74ed-4e6d-954e-8d92a4dcbf90" alt=""><figcaption><p>Cross filtering toggle</p></figcaption></figure>

In the **Filtering** tab, you can specify which elements can be filtered by the selected element. Notice how we have only checked 3 charts: *Profit by segment, Profit by prod, and Profit by country.* This means that the selected element, *Sales by Product* can only filter these 3 charts. The other elements will be cross-highlighted but not cross-filtered.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FnZuwSKPEWqoM6x2AGene%2Fimage.png?alt=media&#x26;token=a448ec9d-7333-48c8-b842-b462fdf1428a" alt=""><figcaption><p>Cross filtering with selection</p></figcaption></figure>

In the **Filtered By** tab, you can specify which elements can filter the selected element. As per the configuration in the dashboard below, the table can be filtered by selecting data in the 3 charts that are checked.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FSZaDMN8pLGDq6o66N3ZX%2Fimage.png?alt=media&#x26;token=9da6ae0c-30e8-4af7-832f-e295325f20c4" alt=""><figcaption><p>Filtered by config</p></figcaption></figure>

You'll see that the row categories in the table change dynamically based on the product selected in the charts.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2F019AfiZ6vP5QSpqVGtSk%2FUntitled%20Project.gif?alt=media&#x26;token=44a31bac-b409-46ac-8a21-7bf850379032" alt=""><figcaption><p>Cross filtering data from the Filtered By tab</p></figcaption></figure>

### 3.  Slicer filtering

When you have a slicer in your dashboard, slicer selections filter data across the entire dashboard by default. You can control which elements are affected by slicer selections by disabling the **Cross Filtering** toggle and selecting the desired elements manually.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FG7T1iESIMYN5I8D7sx0J%2Fimage.png?alt=media&#x26;token=6b0cfcdf-1ce0-4461-8e37-fdd861b7a44f" alt=""><figcaption><p>Controlling slicer filters</p></figcaption></figure>

Check out how the slicer selection affects only the configured charts.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2Fj8B6Y9DwWvPmXi15F4lX%2Fimage.png?alt=media&#x26;token=ebe02fb0-a801-4906-8af8-194657c01f75" alt=""><figcaption><p>Configuring slicer filters on dashboard elements</p></figcaption></figure>

&#x20;
