The Home of Smart Buildings, Smart Equipment & IoT

FIN Weekly #24 - 2017

Written by Christopher Simonian | 21 March 2017

FIN Stack 4.0 - Graphic Builder - Site

With FIN 4.0, we have now introduced a brand new Graphic Builder app that is included within FIN Stack. The Graphics Builder app is entirely HTML5 and utilizes context-sensitive wizards to help the user build their graphic quicker than ever before. This week we'll be showing you how to use the Graphics Builder to create a Site-Building graphic in FIN 4.0.

How it works:

Since everything in FIN Stack is context sensitive, the first thing you'll need to do is navigate to the exact Site you'll be creating a graphic for. Once the graphic builder is launched, a wizard will appear with questions and data based on your navigation's context. From there you can name your graphic and select exactly which floors you would like to represent on the graphic.

After you've completed the wizard a new graphic will be created allowing for you to open and edit the content. As soon as you open your new graphic to begin editing, you will notice that smart labels representing each selected floor have already been created. All you have to do is bring in your building image and draw out a poly's to represent each floor and then in a single click you can match up all of the smart labels to their corresponding zones and your done!

Pay off:

FIN Stack automatically does almost all of the work for you. Below are just a few benefits of creating a site graphic using the Graphics Builder:

  • Context-Sensitive Wizard: Allows users to set up a majority of their graphic before they even open it up.
  • Themed Design: The Smart labels are all modeled to look great and work with any of the selected FIN Stack themes
  • Automatic Zone Mouse Over: Poly zones automatically hide and show when moused over
  • Related Bubbles (Hyperlinks & More): Clicking on any floor poly brings up related bubbles that allows you to hyperlink from your Site graphic down to any of the Floorplan graphics or view their data instantly. No extra engineering required, these are completely automatic!

Subscribe:
Want to see more videos? Subscribe to our FIN Weekly Mailing List or to our FIN Stack Youtube Channel.