> For the complete documentation index, see [llms.txt](https://docs.bdb.ai/governed-dashboards-5/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/governed-dashboards-5/getting-started/overview-of-designer-module/dashboard-canvas-page/context-menu-properties.md).

# Context Menu Properties

This section describes properties applied to multiple components when dragged into the designer canvas and selected.

This page describes the steps to access the Context Menu Properties:

<figure><img src="https://content.gitbook.com/content/nyOeUTaPuBluyvesHVm9/blobs/GWNAfGxhwgVtSgI2gu29/Duplicate%20component.gif" alt=""><figcaption></figcaption></figure>

* Drag multiple components into the designer canvas (At least three components to avail all the properties).

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FFjcOZesV7icXNqqyNFSu%2Fimage.png?alt=media&#x26;token=a9377d2b-4a1f-4a41-87c2-6ead167f561c" alt=""><figcaption><p>Dragging multiple components to the Canvas</p></figcaption></figure>

* Select multiple components from the canvas(at least three).

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FyUTecM6zyrdaksxpFdPk%2Fimage.png?alt=media&#x26;token=6967776d-7b1c-49a5-814b-83feb8b4d5d2" alt=""><figcaption><p>Selecting the dragged component</p></figcaption></figure>

* Use right-click to open the context menu.

  * The following properties will be listed in the context menu:

    * **Align Left**: All the selected components get aligned to the left.
    * **Align Righ**t: All the selected components get aligned to the right.
    * **Align Top**: All the selected components get aligned to the top.
    * **Align Bottom**: All the selected components get aligned to the bottom.
    * **Align Horizontal**: All the selected components get aligned horizontally.
    * **Align Vertical**: All the selected components get aligned vertically.
    * **Equal Space (Horizontal**): All the selected components get equal space horizontally.
    * **Equal Space (Vertical**): All the selected components get equal space vertically.
    * **Equal Height**: All the selected components get an equal height.
    * **Equal Width**: All the selected components get an equal width.
    * **Manage Group**: The user gets redirected to manage the group.
    * **Lock Selected**: All the selected components get locked.
    * **Unlock Selected**: All the selected components get unlocked.
    * **Delete Selected**: To delete the selected components.
    * **Duplicate Selected** : To duplicate the selected components.

    ​

    <figure><img src="https://content.gitbook.com/content/nyOeUTaPuBluyvesHVm9/blobs/QhlyPAvFVS62PGt026rU/image.png" alt=""><figcaption></figcaption></figure>

* Each dragged component gets some Context Menu Properties as shown in the below image:

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FbpzweYK6wn8WUMnJXldu%2Fimage.png?alt=media&#x26;token=7302434e-4997-4148-8b99-45d0085b160d" alt=""><figcaption><p>Context Menu Properties for a single dragged component</p></figcaption></figure>