# Designing a View

Once the Report gets created, the user gets redirected to the ***Design page/ Design canvas*** to begin with the ***View*** creation.

<figure><img src="/files/f3jPGnIKKtx24EQyrpdI" alt=""><figcaption><p><em><strong>Design Page/ Design Canvas with New UI</strong></em></p></figcaption></figure>

<figure><img src="/files/1B1ZFisn7Gk3eCUgHe5F" alt=""><figcaption><p><em><strong>Design Page/ Design Canvas with Old UI</strong></em></p></figcaption></figure>

{% hint style="info" %}
*<mark style="color:green;">Please Note:</mark> The reports based on the file uploads will support the Designing View functionality only after the data gets loaded to the data store.*
{% endhint %}

## Designing a View with the Old UI

* Navigate to the ***Design*** page.
* Use the ***Switch UI*** icon to select the Old UI.

<figure><img src="/files/I7kmUJY2XP6bGC3rm45X" alt=""><figcaption><p><em><strong>Switch UI icon on the Design Page</strong></em></p></figcaption></figure>

* Drag and drop ***Dimension*****s*****/Measures*** to the suggested place or use double clicks on a Dimension or Measure value to get added in the specified place.
* Instantly a View gets created using the ***Grid*** (default chart type).
* Click the ***Save View*** icon to save it.

<figure><img src="/files/DbjbALVKdKaHwT3AITv9" alt=""><figcaption><p><em><strong>Instantly created Grid View on the Old Design Canvas</strong></em></p></figcaption></figure>

* A confirmation message appears.
* The ***View*** gets saved on the final screen of the ***Report***.

<figure><img src="/files/CizTnM78NpXh85SzM503" alt=""><figcaption><p><em><strong>A saved View in the Report</strong></em></p></figcaption></figure>

## Designing a View with the New UI

* Navigate to the ***Design*** page.
* By default, New UI gets selected by the ***Switch UI*** icon.

<figure><img src="/files/Mc9TLwdD1FysJxztgdW7" alt=""><figcaption><p><em><strong>Switch UI icon displaying New UI for the Design Canvas</strong></em></p></figcaption></figure>

* Use the ***Search*** bar provided at the top of the page.
* By using the left click in the ***Search*** bar all the available ***Dimensions*** and ***Measures*** under the selected Datastore get listed.&#x20;
* Choose the desired Dimension and Measure with a click. The user may repeat the same steps to choose the desired combination of Dimensions and Measures for creating a View.

<figure><img src="/files/qeH6d0hAqc9Lhk1OnoY7" alt=""><figcaption></figcaption></figure>

* The selected combination of the Dimension and Measures will be added to the ***Search*** bar.
* Click the ***GO*** option.

<figure><img src="/files/0VxMkYOaDNK05rGpsj93" alt=""><figcaption></figcaption></figure>

* Instantly a View gets created using the ***Mixed chart*** (by default).
* Click the ***Save View*** icon to save it.

<figure><img src="/files/kmAyLXQEFfFwmh2bxlzX" alt=""><figcaption></figcaption></figure>

* A confirmation message appears.
* The ***View*** gets saved on the final screen of the ***Report***.

<figure><img src="/files/ZXaLatKxElQA5wu2wnua" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
*<mark style="color:green;">Please Note:</mark>*

* *Refer to the* [***Design Canvas***](/self-service-visualization-5/design-canvas.md) *section of this document for a detailed understanding of the **Design** page options.*
* *The user can select another charting component from the **Chart** tab to change the default visual display of the newly created View.*
* *Use the **Chart Properties** icon to set the chart-specific properties and enhance the look and feel of the newly created View.*
  {% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.bdb.ai/self-service-visualization-5/creating-a-new-report/designing-a-view.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.