# Editing a tile

Want to change the [view ](https://docs.foxmetrics.com/features/dashboards/creating-a-tile#views)(data type), [resize](https://docs.foxmetrics.com/features/dashboards/creating-a-tile#look-and-feel-section), [date range](https://docs.foxmetrics.com/features/dashboards/creating-a-tile#date-range-date), or even [apply a filter(s)](https://docs.foxmetrics.com/features/dashboards/creating-a-tile#filter-section) to a tile, then editing it is the way forward. Here's how to go about editing a tile.

## Steps to Edit a Tile

**Example:** below is a comparison chart tracking pageviews for the last 7 days and comparing it with the pageviews from the previous 7 days.

![](https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocumentation%2F-MfqdVq5A9IiK_OWQp5U%2F-Mfr7FrE4iP90f1Y6ca6%2F0.png?generation=1627643777487137\&alt=media)

We will **edit** this chart and make the following changes.

* [Change Title/Description](#changing-a-tiles-title-and-description)
* [Change Date range/Compare Period](#editing-the-data-section)
* [Apply Filter to the tile.](#applying-filter-to-a-tile)
* [Increase Max Items to display](#editing-the-option-section)
* [Resize the tile](#resizing-a-tile)

## **Editing a Tile**

1\. To edit a tile, click on the **edit icon** on that specific tile.

![C:\Users\Joevics\Desktop\FoxMetrics Documentation\editing a tile.jpg](https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocumentation%2F-MfqdVq5A9IiK_OWQp5U%2F-Mfr7FrFW2jEutj9_ElC%2F1.jpeg?generation=1627643777491263\&alt=media)

2\. Click on the **Edit** option. This will bring up the comparison table window for that tile.

![](https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocumentation%2F-MfqdVq5A9IiK_OWQp5U%2F-Mfr7FrGUKGfm7lBU2de%2F2.png?generation=1627643777491978\&alt=media)

## **Changing a Tile’s Title and Description**

The Tile is set to track and compare weekly pageviews with that from the previous week. But we can change it to track and compare monthly pageviews with the previous month. As such, we will change the title and description to reflect monthly pageviews instead.

![](https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYei1KeCNQe_6BP24no%2F-Mfr7MJftiWkrQxBrEF5%2F-Mfr8GJHGJTklBMg8gEg%2Fmonthly%20pageviews.jpg?alt=media\&token=d4064963-0c62-4588-823c-a51a094b4e79)

## **Editing the Data Section**

<div align="left"><img src="https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocumentation%2F-MfqdVq5A9IiK_OWQp5U%2F-Mfr7FrHumLABw_EegBp%2F3.png?generation=1627643777479626&#x26;alt=media" alt=""></div>

There are several options you can change in this section. You can change the [**View** ](https://docs.foxmetrics.com/features/dashboards/creating-a-tile#views)and [**Values** ](https://docs.foxmetrics.com/features/dashboards/creating-a-tile#values-select-a-measure)to track something other than pageviews. You can also change the [**Breakdown** ](https://docs.foxmetrics.com/features/dashboards/creating-a-tile#breakdown-select-breakdown-dimension)to increase or decrease the number of data points.

We will only change the [**Date Range**](https://docs.foxmetrics.com/features/dashboards/creating-a-tile#date-range-date) and [**Compare Period**](https://docs.foxmetrics.com/features/dashboards/creating-a-tile#compare).

The current date range is set as ‘**Last 7 full days.’**

![](https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocumentation%2F-MfqdVq5A9IiK_OWQp5U%2F-Mfr7FrIbIkaWQsNGJNQ%2F4.png?generation=1627643777482265\&alt=media)

However, since we want to track and compare monthly pageviews, we will have to change it to “**Last Full 30 Days.”**

<div align="left"><img src="https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocumentation%2F-MfqdVq5A9IiK_OWQp5U%2F-Mfr7FrJFCJtsjTddhpQ%2F5.png?generation=1627643777483436&#x26;alt=media" alt=""></div>

## **Applying Filter to a Tile**

The comparison tile currently has no filter currently. However, we can add a filter to only visualize specific data.

<div align="left"><img src="https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocumentation%2F-MfqdVq5A9IiK_OWQp5U%2F-Mfr7FrKsAyShOu_orNR%2F6.png?generation=1627643777482647&#x26;alt=media" alt=""></div>

Let’s add a filter to only show pageviews that have established referrers (referring website).

To do this,\\;

1\. click on add filter.

2\. For the dimension/measure, choose **Page Referrer.**

3\. For the quantifier, choose **Exists.**

<div align="left"><img src="https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocumentation%2F-MfqdVq5A9IiK_OWQp5U%2F-Mfr7FrLCemtm1c8mZwG%2F7.png?generation=1627643777479141&#x26;alt=media" alt=""></div>

## **Editing the Option section**

The Maximum Item Limit was set at **100**.

We can change that to **500**.

![](https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocumentation%2F-MfqdVq5A9IiK_OWQp5U%2F-Mfr7FrMncPFI0mvDipU%2F8.png?generation=1627643777484674\&alt=media)

## **Resizing a Tile**

There’s no option to change the size of a tile within the dashboard. If you want to change the size of a specific tile, you have to **edit** it and go to the look & feel section to select any other options there.

The size of this comparison tile is currently set **Default Wide.**

<div align="left"><img src="https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocumentation%2F-MfqdVq5A9IiK_OWQp5U%2F-Mfr7FrN7eVoNjjng-1H%2F9.png?generation=1627643777478986&#x26;alt=media" alt=""></div>

We can change this to any other option like **Wide**.

<div align="left"><img src="https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocumentation%2F-MfqdVq5A9IiK_OWQp5U%2F-Mfr7FrO0PzJavFTxVoB%2F10.png?generation=1627643777507528&#x26;alt=media" alt=""></div>

Once done Click save to reflect the Edit. (refresh the page if the changes doesn’t reflect immediately).

## Final Outcome

Here’s what the **Tile** will look like after the **Edit**. It's now visualizing monthly pageviews for two seperate months.

![](https://1645770016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocumentation%2F-MfqdVq5A9IiK_OWQp5U%2F-Mfr7FrPyJUHuYCYxJjg%2F11.png?generation=1627643777481966\&alt=media)

###
