Wiki source code of Floorplans - Upload and Configure on showrunnerHUB™

Last modified by Alexander Mott on 2025/05/23 21:55

version	line-number	content
30.1	1	* (((
24.1	2	=== Upload Map - Youtube Tutorial - [[Add and Associate Map>>https://youtu.be/5qBHFfbSMp0]] ===
30.1	3	)))
2.1	4
15.1	5
27.1	6	1. Login to ShowRunnerHUB™
2.1	7	1. Click on the setup gear in the upper right corner
	8	1. Click on the Maps tab
	9	1. Click Add Map
30.1	10	1*. Files must be in SVG (preferred) or PNG format
	11	1*. If zooming in on a PDF floorplan does not cause the floor plan to become blurry, then it should be able to be converted to SVG using a vector graphics editor (Inkscape is a free software, but may not work with every PDF)
	12	1*. If zooming in on a PDF floorplan results in the image blurring, then the PDF has been rasterized and will need to be converted to a .png in order to be used
6.1	13	1. Fill in form(((
15.1	14
6.1	15
22.1	16	[[image:Screen Shot 2021-12-10 at 1.52.42 PM.png\|\|height="362" width="150"]]
15.1	17
	18
6.1	19	1. Bound X -Image Resolution or start with 1000
	20	1. Bound Y – Image resolution or start with 1000
	21	1. Initial Zoom – Start with 1
	22	1. Min Zoom – Start with -2
	23	1. Max Zoom – Start with 10
	24	)))
2.1	25	1. Upload Image using Map File Upload Button
27.1	26	11. If you are running ShowRunnerCLC™ 3.10 and below follow these steps:
4.1	27	11*. If file image is over 1mb, click “Save new map.” It will appear as though the map uploads, but it won’t due to Crestron limitation.
	28	11*1. Manually transfer the file to NVRAM -> sr-graphics
	29	11*1. Refresh the page
2.1	30	1. Associate Map
29.3	31	11. Navigate back to main ShowRunnerHUB page
29.4	32	111. Click either ShowRunnerHUB logo in upper left corner or select Area View
2.1	33	11. Select root node
29.5	34	11. Click Hamburger menu select Add Node
29.2	35	11. Select Newly created Node
28.1	36	11. Click Hamburger menu on New Node and Associate Map
3.1	37	11. Choose map from list that was uploaded earlier
2.1	38	11. Refresh and map will appear
	39
25.1	40	=== Draw and Configure - Youtube Tutorial - [[Draw and Configure>>https://youtu.be/VreqGeElitU]] ===
15.1	41
	42
2.1	43	1. Add Areas
10.1	44	11. Click on Settings gear icon
2.1	45	11. Click on Add Area Tool
	46	11. Draw points around area you are creating
	47	11. Once area is completed, chose area to associate to the object in drop down
	48	11. Area is created
	49	1. Change Color of Areas
	50	11. Click on any area
	51	11. Select from available colors or use hex color
	52	11. Click save
	53	1. Click Gear to Exit Editor