# Script Window

{% hint style="info" %}
*<mark style="color:green;">Pre-requisite</mark><mark style="color:green;">:</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.

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FLI9dT6QIouXp4uj1mRha%2Fimage.png?alt=media&#x26;token=98f1e41b-1246-443d-a84c-42495910c389" alt=""><figcaption><p>Accessing the Component Variables and Script icon in the Designer Canvas page</p></figcaption></figure>

* 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.

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FEFqZ3FMyOJjbClrWmvyP%2Fimage.png?alt=media&#x26;token=5bec8ca4-2dc5-4779-abc2-fc9504eba20c" alt=""><figcaption><p>Component Connections page</p></figcaption></figure>

{% hint style="info" %}
*Refer the description given under the* [***Script Window*** ](https://docs.bdb.ai/7.6/data-visualization/governed-dashboards/getting-started/overview-of-designer-module/dashboard-canvas-page/right-side-panel/script-window)*section for the further details.*
{% endhint %}