1. Beamo Support
  2. 3D Workspace
  3. Tags

Adding Tags in the 3D Workspace

Avatar
Kazusa
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 highlight information in the 3D Workspace that is not visible in the 360° image by adding an extra description to the captured environment. The Tag can contain images, videos, documents, general files, or links to other sites. There is also the option of an iframe Tag that allows embeddable content to be displayed.

Pinning a Tag will add a callout that shows their description.

Who can use this feature?

  Super Admin1 Site Manager2 Team Admin3 Surveyor4 Collab-
orator5		 Viewer6
Add Tag check_mark_32.png check_mark_32.png check_mark_32.png check_mark_32.png check_mark_32.png minus_32.png

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

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

Adding a Tag

add_standard_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 or change the position of the Tag by moving the white circle under the tag icon. 

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

  4. Upload media  (image, video, or PDF file) and preview them on the Tag list. 

  5. Enable Show this content in 3D Workspace if the content should be displayed in the 3D Workspace

  6. Add the Tag information and/or add more attachments and URLs. To create hyperlinks, select the text in the info field and click the hyperlink icon to enter the URL. 

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

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

Note: There is no limit on the number of Tags that can be added to the survey. You can attach the file types below:

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

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

Note:The order in which tags appear in the tag list is by date of creation. (Tags are displayed from oldest ones to newest ones).

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

 

Adding a Tag with the embedded content

A Tag can embed information provided via a link into the Beamo Portal. This is useful for displaying real-time sensor data or other dynamic information on the digital twin. The Tag supports the HTML elements <iframe>, <embed> or a simple link.

add_embedded_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 or 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 embeddable content.

  5. Paste <iframe>, <embed> or a link to add the content
  6. Enter the width and height of the Tag to be displayed 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 this content in 3D Workspace] to display the content of HTML 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 the Tag information and/or other attachments and URLs. To create 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 Workspace. Please add the domain "beamo.ai" to CORS (Cross-origin resource sharing) in the Nginx or Apache server configuration when using Tags to embed content.

Example Code

Use the code below 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 the [kebab menu] button of the folder to [Rename] or [Delete]. When deleting a folder, all the Tags contained in the folder will be removed.

 

Articles in this section

Was this article helpful?
3 out of 5 found this helpful