Building a Floor Plan Graphic

Floor plans are a great way to monitor and manage your entire building. Using the graphics builder, you can import custom floor plans of your building and overlay live data from the equipment serving the space (.png, .jpeg and .svg files are supported). 

In this example, we will import a floor plan, label a space and link the current room temperature.

1. Open the Graphics tool from the toolbar on the left-hand side of the application.
2. Select the Templates tab. To start a new graphic, click Add New.
3. Fill in the Customer using the graphic, as well as Name and Description of the graphic. Click Save to create the builder environment, and Edit to enter the builder.
4. From the components list on the left side of the builder, add an Image. Click on the image template and click Select File under properties. Select the desired floor plan file to import.
   1. Tip: For best display in the app, always place your floor plans in the top left corner of the builder.
5. Under the Text category in the components list, add a Link. Drag to place in the desired location on the image. Under text properties, fill out the following:
   1. Link Text: Label to describe the space.
   2. Link To: Relative URL
   3. Link By: Equipment
   4. Site: Select site that will use the graphic.
   5. Equipment: Select device that you wish to link to text.
6. Under the Text category in the components list, add a Value. Drag to place in desired location. Under text properties, scroll down and click Add Datasource. Fill out the following:
   1. Source: Current Value
   2. Link By: URI
   3. Site: Select site that will use the graphic.
   4. Equipment: Select device that you wish to link data from.
   5. Points: Select the data point to display. In this example, we use Room Temperature.
7. Click Save. Select the Configuration tab to link the graphic to the site. Click Add New.
8. Fill in the Customer, Name and Description of the graphic. Under Linked Graphic, check the box of the graphic that was just created. Under Default Graphic, select which graphic will appear when you first click on the site. Click Next.
9. Under Link To, select Site. Click Link on the desired site under Linked Sites. 

Congrats! You've now created a new way to view your building and control the equipment inside it. If you choose to make any future changes to your existing graphic, just return to Templates and select Edit. Since you already linked to the site, Steps 7-9 do not need to be repeated.

Have fun, and feel free to reach out to us if you have any questions along the way...