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

Bookmarklets and Stylish

Has anyone created a way to minimize the left toolbar like you can with character sheets? And to remove the avatars all together? I know you can do names only but I would really like to remove them all together. Roll20 chat is too glitchy so we use discord and there is no need for the loss of real estate. 
I would love to see a way to make the toolbar on the left be a part of the chat section ontop or bottom. That way the whole map is open and it is always accessable. 
1513266603
The Aaron
Pro
API Scripter
You can probably build from this, which clears away everything.: javascript:(function(){$("#zoomslider").css("display","none");$("#floatingtoolbar").css("display","none");$("#sidebarcontrol").css("display","none").click();$("#playerzone").css("display","none");$("#initiativewindow").parent().css("left","-10000px");$("#page-toolbar").hide();})();
@The Aaron I have the Bookmarklet you did to clear the UI. But I need to be able to see rolls from the chat and access the bar from time to time to switch layers  and open / close the tracker. I am not super good at code and shamefully admit that I usually need to copy your codes and others for bookmarklets and into stylish. 
1513267515

Edited 1513267599
The Aaron
Pro
API Scripter
Give this a try: javascript:(function(){$("#zoomslider").css("display","none");$("#floatingtoolbar").css({"left":"auto","right":0,"top":"60px"});$("#sidebarcontrol").click();$("#playerzone").css("display","none");})(); That will hide superfluous things (zoom controller, player area, etc), put the palette on the right edge, and fold up the chat area.  You can still expand the chat area by clicking the 3 bars thing just above the new position of the tool palette. 
Almost perfect thank you! The only thing it is missing is the chat window to see rolls.
1513267742
The Aaron
Pro
API Scripter
Right, you can click the 3 bars to expand that out (I edited the above message, you proably missed it)
OH! I did. and my dark theme on stylish removed the 3 bars. once I took it off they appeared. So nice thank you!
1513269094
The Aaron
Pro
API Scripter
No problem! =D
OH man, I am a PITA I know. You have been extremely helpful and fast. But....... I can't change layers, I assume it's because they pop open to the right and the bar is on the far right now. 
1513272449
The Aaron
Pro
API Scripter
Ah.. probably.. hmm.. Might not be able to fix that.
Is it possible to put the tool bar just touching the left side of the chat window? Or is it either all the way left or all the way right?
Or get rid of it all together and just leave the chat. I can use another tab without the bookmarklet on to use it if need be. 
1513272947
The Aaron
Pro
API Scripter
It would probably be a great deal of effort to have it stick there.  Could probably make a toggle for it.  Could certanly hide it.
A toggle would work great! Thank you for your work, it is appreciated! 
I am surprised that they haven't made it a feature to toggle everything or turn off what ever you want. I read so many posts asking how to turn off things that end up needing a bookmarklet or stylish or API. 
1513273513
The Aaron
Pro
API Scripter
Toggle Tool Palette: javascript:(function(){$("#floatingtoolbar").css("display",function(i,o){return ('block' === o ? 'none' : 'block');});})(); Prior thing, but hiding Tool Palette initially rather than moving it: javascript:(function(){$("#zoomslider").css("display","none");$("#floatingtoolbar").css("display","none");$("#sidebarcontrol").click();$("#playerzone").css("display","none");})();
1513273889

Edited 1513273907
Absolutely Perfect! Thank you very much!