Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account
This post has been closed. You can still view previous posts, but you can't post any new replies.

Is there a way to remove the greyed out top & left borders of the screen?

Hi all, Just wondering if there is a way to remove the grey top border and left border of the screen? I kinda feel like it is wasted space. Cheers! Steve
1422257945

Edited 1422257959
Pat S.
Forum Champion
Sheet Author
Hi Steve, Could you provide a screen capture so we would have a reference to see? Everyone's computers are setup differently.
Screen shot above! So... basically I'm trying to remove the grey parts where the red arrows are (top and left). Not sure if there is a way to turn those borders off. Thanks very much for your help. Steve G
1422265104
vÍnce
Pro
Sheet Author
If you scroll vertically/horizontally those areas won't be seen. I think the "white space" is there to help for individual map adjust.
1422267706
Gen Kitty
Forum Champion
It is also very useful if you have a token with a lot of token-actions attached in the top few rows of the map. You need that margin space so you can display the token-actions and still see the map.
1422309178
Pat S.
Forum Champion
Sheet Author
From what I have been able to gather, those grey borders are hardcoded into the program. Think of them as a picture frame. Most people tend to use the zoom feature and center their image so that none of the borders are showing. There are few ways to handle the zoom. On the left side there is the toolbar and it has the zoom button in it that allows you to change the zoom by 10% at a time or on the right side is the slider which allows you to adjust it more on the fly. You can also adjust your browsers zoom but that is more a personal preference then anything as it affects everything in your browser windows.
1422309555
Pat S.
Forum Champion
Sheet Author
Vince said: I think the "white space" is there to help for individual map adjust. The white area is more like your canvas space for your images (think gimp and other photo programs) so that you can adjust the images size and add other things next to the main image. More info scattered about on these links. Interesting reads and helpful info <a href="https://wiki.roll20.net/Tabletop_Overview" rel="nofollow">https://wiki.roll20.net/Tabletop_Overview</a> <a href="https://wiki.roll20.net/Page_Toolbar" rel="nofollow">https://wiki.roll20.net/Page_Toolbar</a> <a href="https://wiki.roll20.net/Page_Settings" rel="nofollow">https://wiki.roll20.net/Page_Settings</a>
1422311875

Edited 1422311910
Thanks very much for all your help everyone, esp Pat. I suspected the "frame" might be hardcoded in, but thought I would ask! The zoom function works pretty ok, but an option to turn it off would have been awesome (I dont use tokens/maps, I just want the space for pictures). Thanks again!
1422313766
Pat S.
Forum Champion
Sheet Author
You could make a suggestion post in the suggestion forum. It would use one of your votes but it would at least put your idea out there in the public view to be talked about. I would first recommend going through the other posts to see if there is one of similar nature and just adding a comment in to the discussion then adding your vote to it also.
I wonder if it would be possible to have a 'Fit Image To Window" setting?
Yeah that would be great. I will check the suggestions forum.
1422332514

Edited 1422333490
Gold
Forum Champion
Pat S. said: You could make a suggestion post in the suggestion forum. It would use one of your votes but it would at least put your idea out there in the public view to be talked about. I would first recommend going through the other posts to see if there is one of similar nature and just adding a comment in to the discussion then adding your vote to it also. Pat gave a good tip there, to go through the other Suggestions and see if you can add your comment with a matching idea. As someone who has looked through all the suggestions, in my recent research this hasn't been suggested before, except in one way of looking at it. The nearest suggestion might be the request for Themes & Campaign Customization which is asking for ways to change the interface & redecorate the Roll20 windows, buttons, borders. The only reason that's related is, you could ask for something like a black background instead of the grey border, if this were implemented. Otherwise I think that a "Fit Background Image to Window Fullscreen" sort of request would be something new on the current Suggestions & Ideas subforum. NOTE: WORKAROUND METHODS: I'd first try what Vince suggested (just scroll). Secondly, related and perhaps obvious but just in case you hadn't tried it, another good option is to Zoom your map so it fills the whole screen (there are 3 ways to zoom, toolbar on the left, Zoom slider on top-right, or with a keyboard shortcut and mouse/trackpad). Thirdly -- However if you are still finding you want to stay "unzoomed" at the current level, AND you want a different color besides grey appearing on the left, there's still a workaround way & you're nearly there already. Just a few easy tweaks on page settings, then scroll it, and those borders will be hidden away. Just expand your Page Size in the page settings (go to the Page Bar at the top, mouse over the current map page and click it's little settings gear icon), and here you can fill the page background with whatever color you want. Then scroll your map to the exact position you want it to appear on your background, whether that's flush left or centered or off-center or whatever position you want. In other words tack your map onto a larger canvas background and recolor the background. When you make a larger canvas background you have a lot more flexibility to scroll & reposition your map where you want on the screen in the window. On your screenshot showing the problem, it already looks like you have a larger canvas area (the WHITE area to the right) and I feel that you could hide/remove the grey border on the left & right by scooting your map deeper into the white area, and scroll the white area left and up to cover what's currently the unwanted grey-hatch border. Perhaps the main tip I'm letting you know is that you can recolor that white area to whatever color you want, and scoot it into the area that's currently the grey border. On this graphic of the Page settings from the Roll20 wiki... Let's say your actual map is 25x25. Resize your Page to 40x40 and make the background a nice color to go behind your map. Now you can fill the window with your background color and scoot your map to the exact spot you want it to appear. That should help to simulate the look you're wanting.
Thanks Gold, that recolouring the white area is a great idea and I'll try it. I have posted a suggestion to the suggestions form (I just asked for an option to "turn off" the grey border, but the "fit image to fullscreen" would also be excellent).
1422364945

Edited 1422366197
If you use Stylish or some other form of CSS editing, drop this into it. @-moz-document url(" <a href="https://app.roll20.net/editor/" rel="nofollow">https://app.roll20.net/editor/</a>" ) { body { background:url( <a href="http://subtlepatterns.com/patterns/dark_leather.png)!important" rel="nofollow">http://subtlepatterns.com/patterns/dark_leather.png)!important</a> ; } Replace the URL with an image of your choosing. We really need a way to change that ourselves. The default is horrible and unfitting.
1422390669

Edited 1422390727
DXWarlock
Sheet Author
API Scripter
Id second this. If we cant remove it let us pick an art from our library as a texture. Id love to replace it with a table texture like this: <a href="http://www.wallpaperswala.com/wp-content/gallery/dark-wood-wallpaper/dark-wood-with-texture-background.jpg" rel="nofollow">http://www.wallpaperswala.com/wp-content/gallery/dark-wood-wallpaper/dark-wood-with-texture-background.jpg</a> so it looks like a map on a table.
Sorario Prosperity said: If you use Stylish or some other form of CSS editing, drop this into it. @-moz-document url(" <a href="https://app.roll20.net/editor/" rel="nofollow">https://app.roll20.net/editor/</a>" ) { body { background:url( <a href="http://subtlepatterns.com/patterns/dark_leather.png)!important" rel="nofollow">http://subtlepatterns.com/patterns/dark_leather.png)!important</a> ; } Replace the URL with an image of your choosing. We really need a way to change that ourselves. The default is horrible and unfitting. Thanks Sorario, although I'm no programmer... good to hear it can be done, though!