--- title: "Using Markups to Annotate a Space" slug: "using-markups-to-annotate-a-space" description: "Learn to add, manage, and delete markups in Xyicon's Space Editor using tools like Cloud, Callout, Text Box, and Shapes. Adjust transparency, scale, and visibility" updated: 2025-04-21T07:19:53Z published: 2025-04-21T07:19:53Z canonical: "support.xyicon.com/using-markups-to-annotate-a-space" --- > ## Documentation Index > Fetch the complete documentation index at: https://support.xyicon.com/llms.txt > Use this file to discover all available pages before exploring further. # Using Markups to Annotate a Space Xyicon Users Use this article to learn how to add, manage, and delete a markup on your space. To learn more about the different types of markups and annotations available in the [**Space Editor**](https://spacerunner.document360.io/v1/docs/about-the-space-editor)**,** read the [Markup Tool](https://spacerunner.document360.io/v1/docs/markup-tool) article. ## Before you begin Make sure that your **Xyicon User** has the necessary permissions to view and update spaces. User permissions are managed by your organization's **Xyicon Administrator**. --- ## Adding a Markup 1. Navigate to the **SPACES** module and double-click your space to open it in the **Space Editor**. 2. Click on the **Markup Tool Selector** button on the **Space Editor Toolbar**. The **Markup Toolbar** will be displayed. Next, click on the markup you want to add. - [**Cloud**](https://spacerunner.document360.io/v1/docs/markup-tool#cloud-tool) ( ) - [**Callout**](/v1/docs/markup-tool#callout-tool) ( )[](https://spacerunner.document360.io/v1/docs/markup-tool#arrow-and-line-tool) - [**Arrow and Line**](https://spacerunner.document360.io/v1/docs/markup-tool#arrow-and-line-tool) ( )[](https://spacerunner.document360.io/v1/docs/markup-tool#pencil-tool) - [**Pencil**](https://spacerunner.document360.io/v1/docs/markup-tool#pencil-tool) ( )[](/v1/docs/markup-tool#text-box-tool) - [**Text Box**](/v1/docs/markup-tool#text-box-tool) ( )[](https://spacerunner.document360.io/v1/docs/markup-tool#shapes-tool) - [**Shapes**](https://spacerunner.document360.io/v1/docs/markup-tool#shapes-tool) ( )[](https://support.xyicon.com/preview/v1/en/5c3971b3-8765-4a75-a33c-0dc1e8c138eb/17#measuring-tool) - [**Measuring ( )**](https://support.xyicon.com/preview/v1/en/5c3971b3-8765-4a75-a33c-0dc1e8c138eb/17#measuring-tool) 3. Select a color for the markup from the [**Color Palette**](https://support.xyicon.com/preview/v1/en/5c3971b3-8765-4a75-a33c-0dc1e8c138eb/17#markup-color-palette) ( ). 4. Then click and drag on the background to draw your markup. **[Video](https://cdn.document360.io/d689d9b5-af1b-4ba8-a27d-d8cad72c9618/Images/Documentation/adding%20markups%20to%20space%20-%20new(1).mp4)** **NOTE: For [**360 Photo**](https://support.xyicon.com/preview/v1/en/5c3971b3-8765-4a75-a33c-0dc1e8c138eb/17#360-photo-tool) ([PDF document](https://cdn.document360.io/d689d9b5-af1b-4ba8-a27d-d8cad72c9618/Images/Documentation/360%20Markup.svg)) markup, simply select the markup, choose a color, and click on the background where you want it to appear. See the [Adding 360 Photo](/v1/docs/using-markups-to-annotate-a-space#adding-360-photo) section to learn more.** 5. To see the different options available for a markup tool, double click or click and hold on the desired markup tool button ([**Arrow and Line**](https://support.xyicon.com/preview/v1/en/5c3971b3-8765-4a75-a33c-0dc1e8c138eb/17#arrow-and-line-tool), [**Pencil**](https://support.xyicon.com/preview/v1/en/5c3971b3-8765-4a75-a33c-0dc1e8c138eb/17#pencil-tool), [**Shapes**](https://support.xyicon.com/preview/v1/en/5c3971b3-8765-4a75-a33c-0dc1e8c138eb/17#shapes-tool), [**Measuring**](https://support.xyicon.com/preview/v1/en/5c3971b3-8765-4a75-a33c-0dc1e8c138eb/17#measuring-tool)). 6. Click on the desired markup tool and then repeat steps 3 and 4. **[Video](https://cdn.document360.io/d689d9b5-af1b-4ba8-a27d-d8cad72c9618/Images/Documentation/Double%20Clicking%20to%20Access%20More%20Markup%20Tools.mp4)** --- ## Change Background Transparency 1. Click the **Selection Tool** ( ) and select the markup. 2. On the **Action Bar**, click the **Background Opacity** ( ) button, and select one of the following options to change the markup's transparency level. - **Fill** ( ) - **Semi Fill** ( ) - **No Fill** ( ) [Video](https://cdn.document360.io/d689d9b5-af1b-4ba8-a27d-d8cad72c9618/Images/Documentation/Changing%20Markup%20Transparency.mkv) --- ## Adding Text ### Add Text to your Space 1. On the **Markup Toolbar**, click the **Text Box** markup ( ) and click on the background where you want the text box to appear. 2. Click inside the text box and start typing your content. 3. Use the formatting options available on the markup's **Text Formatting** **Bar** to change your content formatting. 4. Click outside the text box to save your changes. [Video](https://cdn.document360.io/d689d9b5-af1b-4ba8-a27d-d8cad72c9618/Images/Documentation/text%20box%20markup.mp4) ### Add Text to other markups In addition to the **Text Box** markup, you can also add text to the **Cloud, Callout,** **Shapes,** and **360 Photo** markups. 1. Click the **Selection Tool** ( ) and select the markup to which you want to add text. 2. On the **Action Bar** of the markup, click the **Add Text** button ( ) and type your content. 3. Use the formatting options available on the **Text Formatting Bar** to change the formatting of your content. [Video](https://cdn.document360.io/d689d9b5-af1b-4ba8-a27d-d8cad72c9618/Images/Documentation/Markup%20-%20Adding%20Text%20(online-video-cutter.com)%20(2).mp4) ### Change Text Alignment 1. Select the **Text**, **Cloud**, or one of the **Shapes** markup using the **Selection Tool** ( ). 2. On the **Action Bar** of the markup, click the **Add Text** ( ) button to get the **Text Bar.** 3. Click the **Align Text** button ( ) on the **Text Formatting** **Bar** and click on the desired text alignment. [Video](https://cdn.document360.io/d689d9b5-af1b-4ba8-a27d-d8cad72c9618/Images/Documentation/Markup%20text%20alignment%20(online-video-cutter.com)%20(1).mp4) --- ## Change Color In addition to the **Color Palette ( )** on the **Markup Toolbar**, you can change the color of a markup after adding it to the space. 1. Click the **Selection Tool** ( ) and select the markup. 2. On the **Action Bar**, click the **Markup Color** ( ) button, and select a color from **Basic,** or **Advanced** options. --- ## Adding 360 Photo 1. On the **Markup Toolbar**, click the **360 Photo** markup ([PDF document](https://cdn.document360.io/d689d9b5-af1b-4ba8-a27d-d8cad72c9618/Images/Documentation/360%20Markup.svg)) and click on the background where you want that to appear. 2. Select a 360 photo from your device and double click to add. 3. Once added, select the photo previewer from the action bar to preview the photo. [Video](https://cdn.document360.io/d689d9b5-af1b-4ba8-a27d-d8cad72c9618/Images/Documentation/360%20photo%20upload.mp4) 4. Select the view mode from the dropdown on the top left corner of the preview photo window. You can select the mopde - **Normal View -** You can preview the uploaded 360 photo. - **Mixed View -** You can view the 360 photo within the 3D view of your space. - **Split View -** You can view both your space and the uploaded 360 photo side by side. 5. You can adjust your 360 photo using the available options on the bottom left corner of the preview photo window. - **Show other 360 photos -** This allows you to view multiple 360 photos that are available on the space. If toggled off, only the selected 360 photo will be visible. - **Limit 360 photos to show -** You can adjust the scale to set the number of 360 photos you want to be displayed in the space. If only one photo is present, the scale will show "0". If there are multiple photos, the total number of photos will be displayed. - **Opacity -** This is applicable only in the **Mixed View**. It allows you to adjust the opacity level of the 360 photo, enabling it to blend with your space. - **Height Offset -** This is applicable only in **Mixed** and **Split** views. It allows you to adjust the height of your 360 photo to better align with the space. - **Rotation Offset -** This is applicable only in **Mixed** and **Split** views. It enables you to adjust the rotation of your 360 photo to better align with the space. --- ## Copying, Moving, Scaling, and Rotating a Markup ### Copy 1. Click the **Selection Tool** ( ) and select the markup you want to move. 2. To select multiple markups, press and hold the **Ctrl/Cmd** key while clicking on the markups you want to move. 3. Click the **Copy** button ( ) on the **Action Bar**, and click on the desired location on your space to paste them. **NOTE:** You can also click on **More Tools** ( ) from the selected markup's **Action Bar** and select **Copy to Stamp** to paste multiple instances of the selected markup. Additionally, select **Cut** from **More Tools** to cut and paste the markup. ### Move 1. Click the **Selection Tool** ( ) and select the markup you want to move. 2. To select multiple markups, press and hold the **Ctrl/Cmd** key while clicking on the markups you want to move. 3. Drag and drop the markups to the desired location on your space. ### Scale and Edit 1. Using the **Selection Tool** ( ), select the markup you want to scale or edit. 2. Click the **Edit** button ( ) on the **Action Bar** to display the markup's points. 3. To scale the **Cloud**, **Callout,** **Arrow and Line**, **Text Box**, **Shapes**, **Linear Distance**, and **Rectangle Area** markups, click on a point of the markup and drag it in the desired direction. 4. To edit the shape of the **Pencil**, **Highlighter**, **Nonlinear Distance**, or **Irregular Area** markups, click on a point and drag it. 5. To save your changes, click the **Save** button ( ) on the **Edit** **Toolbar**. ### Rotate 1. Select the markup you wish to rotate. 2. Click the **Rotate** button ( ) on the markup's **Action Bar**. 3. Grab the rotate handle and turn the markup to the desired position. --- ## Show/Hide Markups 1. Click on the **Layers** button ( ) on the **View Bar** to open the **Layers Panel** on the right side of your screen. 2. Scroll down to the **Markups** section on the panel to see various markup types available in Xyicon. For example Arrow, Cloud, Callout, etc. Parentheses indicate how many markups are available for each type within the space. 3. To hide a markup type, click the **Toggle Visibility** button ( ) next to the markup type. Click ( ) to make hidden markups visible. [Video](https://cdn.document360.io/d689d9b5-af1b-4ba8-a27d-d8cad72c9618/Images/Documentation/Show%20Hide%20Markups%20-%20Updated.mp4) --- ## Deleting a Markup 1. Select one or more markups. 2. Click the **Delete** button ( ) on the **Action Bar** or press the **Delete** key on your keyboard. You will be prompted to confirm the action. 3. Click **Yes** to delete the selected markups.