Adding tags in the 3D Workspace

Adding tags in the 3D Workspace is available as part of the Beamo Plan(s) Pro, Enterprise.
Learn how to get more out of Beamo with Plans and Packs.

Introduction

Tags help highlighting information in the 3D Workspace that is not visible in the 360-degree image by adding an extra description to the captured environment. The tag can contain images, videos, document, general files and links to other sited. There is also the option of an iframe tag that allows embedded content to be displayed.

Pinning a tag adds a callout which shows their description.

Who can use this feature? 

  Super Admin¹ Site Manager² Team Admin³ Surveyor Collaborator Viewer
Add tag :check_mark: :check_mark: :check_mark: :check_mark: :check_mark: :minus:

Note: 1, 2. Data added by the Super Admin and Site Manager within the 3D Workspace is shared/visible to all teams unless a specific team is specified. 

3, 4, 5, 6. Permissions are limited within the scope of their team. 

Adding a tag

ezgif.com-gif-maker.gif

Steps

  1. Click [+Add] on the tag list and select [Tag] to create a tag.

  2. Drag the tag icon itself in the 3D Workspace to edit the height, change the position of the tag by moving the hotspot.

  3. Enter tag Title (required). Customize the type and color of the tag icons.

  4. Upload image or video files, and preview them on the tag list.

  5. Add tag information and add more attachments and URLs. For hyperlinks, select the text in the info field and click the hyperlink icon to enter the URL. 

  6. Mention users by using @[user name] or @[user email].

  7. Click [Save]. The file’s icon will depend on the content of the tag.

Note: There is no limit on the number of tags adding to the survey. The file types below can be uploaded.

  • Media: MOV, MP4, AVI, WMV, FLV, JPG, PNG, GIF, TIF

  • Document: PDF, DOC(X), PPT(X), XLS(X), TXT, RTF, ZIP

Caution: Files added to one tag may not exceed 100 MB, and have a maximum of 5 file attachments. 

Adding a tag with embedded content

A tag can embed information provided via a link into the Beamo Portal. This is useful when real-time sensor data or other dynamic information should be added to the digital twin. The tag supports the HTML elements <iframe>, <embed> or a simple link.

iframe-tag.gif

Steps

  1. Click [+Add] on the tag list and select [Tag] to create a tag.

  2. Drag the tag icon itself in the 3D Workspace to edit the height, change the position of the tag by moving the hotspot.
  3. Enter tag Title (required). Customize the type and color of the tag icons.

  4. Click Embed code to place a tag with embedded content.

  5. Paste <iframe>, <embed> or a link to add the content
  6. Enter the width and height of the preview in the 3D Workspace 
    (Note: if the pasted html-element contains a width and height information, this will be displayed and used in the boxes)
  7. Enable Show in announcement if the content should be displayed in the 3D Workspace
  8. Inspect the embedded content in the preview window
    (Note: The content is scaled to fit the side panel width)
  9. Add tag information and add more attachments and URLs. For hyperlinks, select the text in the info field and click the hyperlink icon to enter the URL. 

  10. Mention users by using @[user name] or @[user email].

  11. Click [Save]. The file’s icon will depend on the content of the tag.

Note: A working server configuration is required to display the content in the Beamo 3D viewer. Please add the domain "beamo.ai" to CORS (cross-origin-header) in the Nginx or Apache server configuration when using the tag to embed content.

Example Code

Use below code to embed live data in your 3D workspace

<iframe src="https://play.grafana.org/d-solo/000000012/grafana-play-home?orgId=1&from=now-5m&to=now&refresh=5s&panelId=3" width="450" height="200" frameborder="0"></iframe>

Adding a folder

  1. Click [+Add] on the tag list and select [Folder] to create a folder.

  2. Enter the name of the folder.

  3. Drag and drop a tag into the folder. 

  4. To remove a tag, drag and drop it to [←Back] button on top.

  5. Hover over [kebab menu] button of the folder to [Rename] or [Delete]. When deleting a folder, all the tags contained in the folder is removed.

 
Was this article helpful?
0 out of 0 found this helpful