> For the complete documentation index, see [llms.txt](https://docs.bdb.ai/self-service-visualization-3/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bdb.ai/self-service-visualization-3/creating-a-new-report/designing-a-view.md).

# Designing a View

The user can start creating/ designing a View for a newly created Report by using the Design page or Design canvas.

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

<figure><img src="https://2802995573-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq1Y2nC9XDrWcLwg1gpYr%2Fuploads%2F4fgCLlhulb402hitZnrm%2Fimage.png?alt=media&amp;token=43751da5-2b7f-4548-a3fb-ac1b0f875f68" alt=""><figcaption><p><em><strong>Design Page/ Design Canvas with New UI</strong></em></p></figcaption></figure>

<figure><img src="https://2802995573-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq1Y2nC9XDrWcLwg1gpYr%2Fuploads%2FqXDZxwi2etaXDzElWmHP%2Fimage.png?alt=media&amp;token=272ae975-4cfb-4336-ae7e-10c1c18bc458" 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 fie uploads will support the Designing View functionality only after the data gets loaded to datastore.*
{% 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="https://2802995573-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq1Y2nC9XDrWcLwg1gpYr%2Fuploads%2FXfKGE5FTy20soHhlAC3l%2Fimage.png?alt=media&amp;token=92796b8c-50d7-4144-8284-e34f938110ba" 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 doble clicks on a Dimension or Measure value to get added in the specified place.
* Instantly a view gets created using the ***Mixed chart*** (by default).
* Click the ***Save View*** icon to save it.

<figure><img src="https://2802995573-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq1Y2nC9XDrWcLwg1gpYr%2Fuploads%2FYOvrn1vFX3aZvCi51KL5%2Fimage.png?alt=media&amp;token=8c5c7726-e1c8-4208-ac87-c4f253e6e02e" alt=""><figcaption><p><em><strong>Instantly created View</strong></em></p></figcaption></figure>

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

<figure><img src="https://2802995573-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq1Y2nC9XDrWcLwg1gpYr%2Fuploads%2FPfG94OzMluW3VFOhnZf5%2Fimage.png?alt=media&amp;token=b15e8c51-dd62-451d-b000-5081eaa08acf" 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.
* Use the ***Switch UI*** icon to select the New UI.

<figure><img src="https://2802995573-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq1Y2nC9XDrWcLwg1gpYr%2Fuploads%2Fx7CwgQAPa0ZpvOWtdUuM%2Fimage.png?alt=media&amp;token=e985bfd9-2979-44ab-bb78-04ce27a803ac" alt=""><figcaption></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 combination of the Dimension and Measures by a click.

<figure><img src="https://2802995573-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq1Y2nC9XDrWcLwg1gpYr%2Fuploads%2FosyGUxHYYsuE4550av7L%2Fimage.png?alt=media&amp;token=1030b176-5466-446a-b4dd-098bb4e9122a" 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="https://2802995573-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq1Y2nC9XDrWcLwg1gpYr%2Fuploads%2F3NYxs6MoXSMjZKO6f76M%2Fimage.png?alt=media&amp;token=431c1efe-359b-499a-b156-58d1fa5fdd64" 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="https://2802995573-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq1Y2nC9XDrWcLwg1gpYr%2Fuploads%2FrF3HeC4SsgK5XVTMWeb4%2Fimage.png?alt=media&amp;token=b755daf9-e13e-4ded-90d3-ae63ce290db8" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2802995573-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq1Y2nC9XDrWcLwg1gpYr%2Fuploads%2FlnxeubTexJzp9fgZuVEP%2Fimage.png?alt=media&amp;token=ead4d997-4cf8-4593-98e5-4d7168f74ec8" alt=""><figcaption></figcaption></figure>

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

* *Refer to the **Design** 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 **Properties** tab to set the chart specific properties and enhance the look and feel of the newly created View.*
  {% endhint %}