# View Design

{% hint style="success" %}
Check out the given walk-through on how to create a Story using the Design option.
{% endhint %}

![Creating a new Story using the Design option](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2F1Q0XedLYk1fEuHsLzlsc%2FCreateNewView_WithDesign.gif?alt=media\&token=022d03c1-3bb8-4444-b2e7-aab68f0034e0)

* Navigate to the **Data Store list**. It will display the space where the   newly created story is saved by default. E.g., ***Story*** is the newly created story under the ***My Documents.***
* Search a specific **Data Store** from the list.
* Click on a ***Data Store*** name to select.
* While selecting a data store, the user gets three options to begin working with the newly created story:
  * ***Create Instance*** / ***Update Instance***: It suggests to refresh the selected Data Store either by Creating a new Instance or Updating an existing Instance.
  * ***View Design:*** It redirects the user to the ***Design*** workspace where through drag and drop of the required dimensions and measures, a new view gets created for the newly-created story. &#x20;
  * ***Search:*** It redirects the users to approach the newly created business story using the ***Search*** functionality.
* Select the ***View Design*** option.

![Selecting the View Design option for a Data Store](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FhjcWE0OcrQD3tDaABxoR%2Fimage.png?alt=media\&token=d928b394-53bf-4a84-bc31-ff04d0b93c59)

* The ***Design*** page opens displaying the default ***Guided Tour*** dialog box.
* Please end the tour by selecting the ***End tour*** option.

![Default tour dialog box for the Design page.](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FuSKDX5HhysOgAdir15HG%2Fimage.png?alt=media\&token=5bd90e89-4ae3-4763-8d7d-a833a095469f)

* Drag and drop ***Dimensions/Measures*** to the suggested place.
* Instantly a view gets created using the ***Mixed chart*** (by default).
* Click the ***Save View*** icon to save it.

![Instantly designed View on the Design page](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FCGBHLiHUusQGYSOXwjQn%2Fimage.png?alt=media\&token=1e2927f5-c16b-4cf4-882e-813c0e4b9fe3)

* A confirmation message appears.
* The View gets saved on the ***Storyboard*** page.

![The View gets saved on the Storyboard.](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FIZC4dkapmLaLSiRbTKzQ%2Fimage.png?alt=media\&token=4006865a-f52b-497c-b2bf-690a36a44d50)

<details>

<summary>The Guided Tour option on the Design page</summary>

* The guided tour option appears by default while opening the ***Design*** page.
* You may choose the ***Next*** option to continue with the guided tour.
* Choose the ***End tour*** option to end the guided tour.

&#x20;      ![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FVbeLUIQVojkdSdTvI4VP%2Fimage.png?alt=media\&token=98f71a12-17c8-4a95-bbf3-740ec02f9e3f)

* Click the ***Prev*** option to go back to the previous page.

&#x20;     ![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2F8zVM9N4zBB901UgnjrpN%2Fimage.png?alt=media\&token=958794de-6a94-4c69-9637-5fdd94fb1eee)

&#x20;     &#x20;

</details>

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

* Refer to the [*<mark style="color:blue;">**Design**</mark>*](https://docs.bdb.ai/bdb-documentation/data-visualization/self-service/design) section of this document for a detailed understanding of the ***Design*** page options *.*
* The user can select another charting option 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 %}
