Customizing Markers and Icons

Customizing Markers and Icons

The Graphic Tool feature provides different tools which allow you to optimize and make floor plans more intensive from where you can view and spot devices’ performance with a single sight. This will give you an overall visual perspective of what is happening on the floor.


You can add texts into systems and floor plans with different fonts, draw custom shapes using the pen tool, add images and different colors to create gorgeous graphics that you can customize with powerful features.




Add and Edit Markers

The Graphic Tool feature allows you to tweak the colors of the markers in systems and floor plans and style them visually.


  • Tweak the sizes and align marker titles.

  • Change the background color of the marker and edit font colors for devices and points text. 

  • Make your own marker style and save to use it again.


To be able to style the Floor Plan markers to your liking, navigate to Floor Plan Insights > click on the three dots at the top right hand corner of the floor plan widget > select the layer of your choice e.g. Temperature, Lighting, Fire…


Edit a Marker


Clicking on each marker, it will open up a sidebar “Customize Marker” page, from where you can:

  1. Adjust the marker style by sliding into the “Marker scale” slider bar

  2. Rename Title Label/Device Name and Point Name. 

  3. Change the Border, Background and Text color.

  4. Align title label (left, right, top, button).

  1. Represent a point with an icon

    1. Enable Graphics Icons by switching on the slider button



  1. Choose an Icon Group from our default Graphics or from the Custom Graphics created.

    1. See here how to create custom icons with custom value ranges.



  1. You can choose to show only the icons by clicking on the “Show as icon only” checkbox.

    1. Note: Clicking that checkbox will show only the icon, it will not show the point value. You can always go back and change it.


  1. You can save your marker style for later use or set it as the default marker style which will apply to all new added markers.



  1. To see the saved styles click on the Marker Style Libraryicon next to the “Customize Marker” title, you can use them for other markers and choose one to be a default marker style.




    • Related Articles

    • System and Floor Plan Graphic Customization

      You can add texts into floor plans with different fonts, draw custom shapes using the pen tool, add images and different colors to create gorgeous graphics that you can customize with powerful features. You can enhance the design of a layout in a ...
    • Graphic Tool Settings

      In the settings of Graphic Tools (Global Configuration) you can find everything that is needed to configure like Layers, Smart Markers, Icons and also here you can upload different graphic files for floor plans, devices and systems to use later while ...
    • Add Custom Icons

      To add custom icons and ranges to represent each device type and value into a system or floor plan follow the below steps: Navigate to Admin module by clicking on the profile icon from the left main navigation bar. From the left side menu of the ...
    • Navigating to Floor Plan Insights

      To gain a comprehensive visual overview of device placement across different floors and areas, along with the ability to interact directly with these devices, Floor Plans serve as an invaluable tool. Each area is equipped with its own dedicated ...
    • Device Graphic

      Device Graphic is a powerful tool for visualizing your building's HVAC system in real time. It allows you to monitor and control your AHU, VAV, and HVAC devices and their components, all from a single interface. Overall, Device Graphic is an ...