# Script Window

{% hint style="success" %} <mark style="color:green;">Pre-requisite</mark>: *The users require basic scripting knowledge to use the **Component Variable** and **Script** option for creating interactive governed dashboards using the Designer module.*
{% endhint %}

The scripting mechanism makes the creation of complex dashboards easy and quick. The users get an icon to access the scripting window on the Designer Canvas page.

* Navigate to the Dashboard canvas.
* Click the ***Component Variable and Script*** icon.    &#x20;

![Accessing the Component Variables and Script icon in the Designer Canvas page](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FFyyE913dwg4ikXy7r3TM%2Fimage.png?alt=media\&token=98f1e41b-1246-443d-a84c-42495910c389)

* The user gets redirected to the scripting window displaying the ***Components*** and ***Connections*** tabs to open the related panel for the each option. The ***Components*** tab opens by default.

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2Fjbph62To51iPC5kRS4mr%2Fimage.png?alt=media\&token=5bec8ca4-2dc5-4779-abc2-fc9504eba20c)

Refer the description given under the [*<mark style="color:blue;">**Script Window**</mark>* ](https://docs.bdb.ai/bdb-documentation/data-visualization/governed-dashboards/getting-started/overview-of-designer-module/dashboard-canvas-page/right-side-panel/script-window)section for the further details.
