How To:
Using your favorite photo editing program – Create your floor plan or use the files below and upload/create a Media Tile under Manage Resources.
Configuration:
Dashboard Settings: Advanced
Sizing: Reflow (Tile Width) Note: Example is viewed/used on an iPad (landscape)
Tile Size: Tiny (80px)
Space: 10px
Theme: Click create Theme > Save
Other Settings – Background Image: Select the floor plan image
Save
After you Save… Click on Configuration > Edit Theme, turn on Advanced (upper right) and paste in the following code in the Custom CSS section
.toast.green {display: none;}
.grid.dashboard {margin-top:50px; margin-bottom:10px;}
.tile {background-color: transparent !important; box-shadow: none !important;}
.tile .icon svg {font-size: 5em;}
.tile .title {display: none;}
.tile .tile-footer {display: none;}
.tile.active .tile-footer {display: none;}
.tile.active {background-color: transparent !important; box-shadow: none !important;}
Save
Now you are ready to add your lighting (Things).
Note: I recommend you edit in fullscreen… This will give you the best idea of where you may need to tweak your walls/furniture placement. The key is to get the walls between the tiles and the furniture below.
Assets:
NOTE: Leave the floor plan images (measurement) as is (1050X750)
Floor Plan with Furniture
Blank Floor Plan
Furniture
