I have made 2 on-screen widgets that are located on the right side of the map window. When a user resizes their browser window or uses a smaller screen computer, these widgets shift offscreen or move towards the middle of the map window.
How do I make sure they stay where they are at, in the same location no matter how the window is resized or the size of the computer screen?
Here is my code snippet from the config.json:
{
"position": {
"left": 1150,
"bottom": 500,
"relativeTo": "map"
},
I have made 2 on-screen widgets that are located on the right side of the map window. When a user resizes their browser window or uses a smaller screen computer, these widgets shift offscreen or move towards the middle of the map window.
How do I make sure they are always visible in the map window no matter if the browser is resized or the size of the computer screen?
Here is my code snippet from the config.json:
{
"position": {
"left": 1150,
"bottom": 500,
"relativeTo": "map"
},
I have tried "relativeTo": "browser" and got the same results.
The first image is the position of the on-screen widgets in the map window when it is first opened:
When I resize the browser window, the widgets disappear (actually, they are off screen and reappear when I maximize the browser window). I would like them to stay inside the window like the HomeScreen and ZoomInZoomOut Widgets, but on the opposite side of the map window: