# Using Smart Views

## What is a Smart View?

A Smart View is page specially designed by your technical team using Javascript, HTML, and CSS. It is useful when you need extensive customization.

{% hint style="info" %}
If you think you need a Smart View, ask your technical team to design it for you.
{% endhint %}

Here are a few examples:

### Map view <a href="#example-map-view" id="example-map-view"></a>

![](https://85223878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOx0Wo3NZjrQrGQthTy6o%2Fuploads%2Fgit-blob-fe7101e8937ab3b2cac4cf6f1a22948ed0cad886%2Fimage.png?alt=media)

### Calendar view <a href="#example-calendar-view" id="example-calendar-view"></a>

![](https://85223878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOx0Wo3NZjrQrGQthTy6o%2Fuploads%2Fgit-blob-597f9efd6ae8c8355b69a7d8f63fbf786cc8573a%2Fimage.png?alt=media)

### Shipping view <a href="#example-shipping-view" id="example-shipping-view"></a>

![](https://85223878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOx0Wo3NZjrQrGQthTy6o%2Fuploads%2Fgit-blob-d1085ec1a7826b8d37e692740f56f0f3c017f06d%2Fimage.png?alt=media)

### Gallery view <a href="#example-gallery-view" id="example-gallery-view"></a>

![](https://85223878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOx0Wo3NZjrQrGQthTy6o%2Fuploads%2Fgit-blob-1379612edb2451fa7227616b4534bfee5e6c0b63%2Fimage.png?alt=media)

## Applying a Smart View <a href="#applying-a-smart-view" id="applying-a-smart-view"></a>

To apply a Smart View you created, turn on the Layout Editor mode **(1)**, click on the table button **(2)** and drag & drop your Smart View's name in first position inside the dropdown **(3)**:

![](https://85223878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOx0Wo3NZjrQrGQthTy6o%2Fuploads%2Fgit-blob-e5b9e40ef0365c59b19db6b8150ebce26af110df%2FCapture%20d%E2%80%99e%CC%81cran%202019-07-09%20a%CC%80%2011.51.33.png?alt=media)

Your view will refresh automatically. You can now turn off the Layout Editor mode **(4)**.

![](https://85223878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOx0Wo3NZjrQrGQthTy6o%2Fuploads%2Fgit-blob-889e9996fef7b049d2ac4d2294ec2c6acd02058f%2FCapture%20d%E2%80%99e%CC%81cran%202019-07-09%20a%CC%80%2011.59.12.png?alt=media)

### Impact on related data

Once your Smart View is applied, it will also be displayed in your record's related data.

#### In the related data section

![](https://85223878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOx0Wo3NZjrQrGQthTy6o%2Fuploads%2Fgit-blob-06daf0bff846c155a6d91455ee301a062f640842%2Fimage.png?alt=media)

#### In the Summary View

![](https://85223878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOx0Wo3NZjrQrGQthTy6o%2Fuploads%2Fgit-blob-891bd1e40a89d36d26bc4173de83f8a2117b7777%2Fimage.png?alt=media)

{% hint style="info" %}
As of today, it's **not** possible to set different views for your table/summary/related data views.
{% endhint %}