# Context Menu Properties

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

<figure><img src="https://1701119981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK5Nu5f0SLMdnM2rZcawI%2Fuploads%2FvF3FnIk14P41wAavRQhk%2FDuplicate%20component.gif?alt=media&#x26;token=af96aa9a-69c0-4da7-9443-c74913d44498" 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://1701119981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK5Nu5f0SLMdnM2rZcawI%2Fuploads%2FzfkYMySfKeLCRRzAv44G%2Fimage.png?alt=media&#x26;token=c0351745-9bac-4b69-a662-220b5fa64daa" 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>