Opt In to the New Toolbar and Layers Redesign

[EDIT - Found the fix] Loving the UI changes and speedy updates keep them rolling. I noticed one nice change recently on the top right Zoom tool bar allowing me to "Zoom to Fit" or set a percentage zoom with one click but it has recently disappeared??! Its just a sliding zoom bar which I can do with my wheel mouse so not very useful to me. Can you bring back the previous version please with the zoom to fit and percentage options please? Or have I inadvertently swtiched something off?  Never mind I just found a new option in the "Personalisation & Display" section under settings to switch from Slider Zoom to Percentage. 

Yeah, this used to be a right click setting on the zoom widget itself. Took me a minute to find, too.

Hey Folks, Just release a few small things today. Here's the notes. Bug Fix: Pressing Q while not dragging or dropping a token now switches you to the last used measurement tool (Note: Advanced Shortcuts must be on). Sorry about messing that up. Improvement: We have reworked the cursor icons for the new toolbar. Hopefully they are a little more helpful now.

I  tried this new version, I could NOT resize ANYTHING I put on the map, no matter what layer I put it on, thus I went back to the old version and it worked again.

Jillyana said: I  tried this new version, I could NOT resize ANYTHING I put on the map, no matter what layer I put it on, thus I went back to the old version and it worked again. I just double checked to be sure nothing has changed for me.  I can't duplicate this behavior, and can resize everything.  Are you using a supported browser, and are you using any browser extensions?

Jillyana said: I  tried this new version, I could NOT resize ANYTHING I put on the map, no matter what layer I put it on, thus I went back to the old version and it worked again. There was a bug where the update today caused much of the new UI (toolbar) to not work in campaigns created by free users. This bug has since been fixed. Please check again to see if you are still having the issue. 

I thought i was the only one that had the bug, happy to see that was not the case

Super not a fan of how this zoom bar change made it eat that entire area of the display. Not even disabling the zoom UI (which I would prefer to keep) gives me back those pixels of map space.

I don't know why this wasn't made part of the new tool bar. Maguillage said: Super not a fan of how this zoom bar change made it eat that entire area of the display. Not even disabling the zoom UI (which I would prefer to keep) gives me back those pixels of map space.

Maguillage said: Super not a fan of how this zoom bar change made it eat that entire area of the display. Not even disabling the zoom UI (which I would prefer to keep) gives me back those pixels of map space. That is odd.  The tabletop continues under that zoom UI for me.  Does it change if you change the size of your browser window?  Just wondering if this is something that only happens at certain aspect ratios or something.

Kraynic said: That is odd.  The tabletop continues under that zoom UI for me.  Does it change if you change the size of your browser window?  Just wondering if this is something that only happens at certain aspect ratios or something. They might have just broken it for firefox, I just double checked in chromium and it seems fine there.

I'm not seeing any cropping of the play area in Chrome or in Firefox (Mac). Have you tested in a private browsing window?

Although I saw nothing in the chang log , (perhaps I missed it...) I'm SO glad to see persistant settings for the drawing and text tools.  THANK YOU!

Just wanted to chime in that I love the changes, a great improvement.

Munky said: Heya! Ok, so I put this in the feedback form, I posted it on the DTRPG/Roll20 creator discord, and I am putting it in here too.  Most of the new UI update is amazing! Thank you for that, and thank you Devs for your tremendous and ongoing work to make this VTT better all around! There is a lot to like about it, but there is also some parts I think could be improved upon - but that is always the way it will be, and you will almost never make everyone  happy.  That said, there was an update a few months back that made the Dynamic Lighting lines color selector AWESOME. It had a selector, you could enter in the #code you could change the hue, and the saturation and darkness all from the selector like a graph color selector similar to any image editor, and this was SUCH a good move, and it made me so so so so so so happy inside. I was hoping that this would be added to other portions of the VTT where other color selectors were, especially in the lighting tool for the torch light - as that is a very important section that needs good color selection. Unfortunately the new UI update changed the selector tool to just have a list of a few pre-designed colors and I am hoping that the Devs can make the change to give us the version I am asking for back, and even integrate it to anywhere else that color is selected in the VTT especially the torch light aura part where if you select a color that is too bright it makes the lighting tool blinding .  I have attached a picture below that shows the new color selector on the left and the old one on the right.  I really really really want the style that is on the right. It may be something a lot of others overlook, but as a creator who tries to make all my little bits and pieces in my Add-ons as awesome as can be - this style of color selection really lets me fine tune things like my torch light aura and colors they give off. I hope this is something that others can get behind, and that this change can be made as it would make it better!  Give me all of the colors!!! I second this. The Dynamic Lighting color picker was fantastic. I was hoping it would be rolled out to the other layers as well. If we're looking at making the UI better, then you NEED to update the color picker. The way it's arranged is slightly better than the old version on the other layers, but the old dynamic lighting layer version is the best.

Except the old one used (rgb) definitions, which are a pain to type or program. I don't really care too much about the number of colors, since outside of a few stadards, it's all arbitratry. I am grateful that hex input has been restored, but the latest color picker sanitizes the input to 6 characters, removing the ability to add transparency, ex: #ffffff50 Edit: I can see the desire for the HSV picker, though.

I also much prefer the hex input over rgb. Whatever they finally chose, I hope that, like in this new UI, they keep it consistent throughout the interface. keithcurtis said: Except the old one used (rgb) definitions, which are a pain to type or program. I don't really care too much about the number of colors, since outside of a few stadards, it's all arbitratry. I am grateful that hex input has been restored, but the latest color picker sanitizes the input to 6 characters, removing the ability to add transparency, ex: #ffffff50 Edit: I can see the desire for the HSV picker, though.

Personally, I would like to see the ability to use all the modes of picking a color. Sometimes, I want to pick a color from a palette (I like the way it looks), sometimes I want to use the hex code including transparency (I have a specific color in mind), and sometimes I like using the rgb. I would like to see the UI allow for all three methods of picking a color. Most graphic systems that I'm familiar with do this.

But it is not consistent... there are 3 different color pickers right now: 1. the new one on the Avatar (no palette) 2. the one for dynamic lighting (hex input) 3. the "old" one for other layers (rgb input). I hope that they soon decide which color picker to use for the future and implement it everywhere. Rick A. said: I also much prefer the hex input over rgb. Whatever they finally chose, I hope that, like in this new UI, they keep it consistent throughout the interface. keithcurtis said: Except the old one used (rgb) definitions, which are a pain to type or program. I don't really care too much about the number of colors, since outside of a few stadards, it's all arbitratry. I am grateful that hex input has been restored, but the latest color picker sanitizes the input to 6 characters, removing the ability to add transparency, ex: #ffffff50 Edit: I can see the desire for the HSV picker, though. keithcurtis said: Except the old one used (rgb) definitions, which are a pain to type or program. I don't really care too much about the number of colors, since outside of a few stadards, it's all arbitratry. I am grateful that hex input has been restored, but the latest color picker sanitizes the input to 6 characters, removing the ability to add transparency, ex: #ffffff50 Edit: I can see the desire for the HSV picker, though.

Oops. I rarely use the Avatar color picker so I forgot about it. Some of my players probably don't even know it's there. When using the original UI, then yes, the color picker for the DL layer is different than the one for the other layers, but  when using the new UI the color picker for all layers is the same: TheMarkus1204 said: But it is not consistent... there are 3 different color pickers right now: 1. the new one on the Avatar (no palette) 2. the one for dynamic lighting (hex input) 3. the "old" one for other layers (rgb input). I hope that they soon decide which color picker to use for the future and implement it everywhere.

Ok, you are right, but there are still 2 different color pickers... :D Why not one color picker for everything?

And, as I said, there's no reason why they can't have a color picker that allows for all three methods of selecting colors: picking from a palette, rgb code and hex code. That's how many graphics programs work. TheMarkus1204 said: Ok, you are right, but there are still 2 different color pickers... :D Why not one color picker for everything?

TheMarkus1204 said: Ok, you are right, but there are still 2 different color pickers... :D Why not one color picker for everything? I believe they have stated in the past that this is the eventual goal, but the interface overhaul has only really just begun.

I've found an interesting bug that probably won't affect too many users. It involves having multiple campaigns open at once and switching dark mode on and off in different ones. And it only looks bad on sheets that use the VTT's dark mode setting. It can be replicated reliably in both Firefox and Chrome, but both campaigns need to be open in the same browser. The UI settings don't appear to transfer from one browser to the other. (In fact, when I tested it out in Chrome, that browser was still using the old UI.) Here's how to replicate. Open up campaign A and campaign B in separate tabs/windows of the same browser. They can be the same campaign or different ones. Toggle the switch for A. Everything works for A as it should. In B, the appearance stays the same, except that the dark mode toggle has been changed from whatever it was. Toggle the switch for B. The UI will switch, but the character sheet will follow whatever setting you just changed it to. Have fun changing the toggles back and forth between campaigns. In short, here's what changes. The toggle between campaigns will always be the same. The UI will never change when the toggle is switched in another campaign, but it will always switch when it's switched in its own campaign. The character sheet will never change when the toggle is switched in another campaign, but when the toggle in its own campaign is changed, it will match what that toggle says it should be.

Here's what it looks like in B when you follow the steps above. Also, it seems like whenever a sheet loads, it will load in whatever mode the toggle is. So if you load up one sheet in campaign C, then flip the toggle in a different campaign, then load up another sheet in campaign C, you can get one sheet in light mode and another sheet in dark mode. I don't expect that this will be high priority, since most people don't go toggling their dark mode on and off in more than one window, and it only matters for the sheets that actually use the dark mode toggle.

You should never have 2 campaigns open in the same browser in different Tabs. In your case if you open campaign A first and then join campaign B having it open in a second tab, if you reload campaign A instead of loading A it will load campaign B. What can be really nasty in Incognito Mode though is if you enter a campaign it automatically loads in dark mode. If you switch it back to light mode on the toggle that is on the new hamburger menu to the left, it does switch BUT the toggle in settings menu stays where it was (dark mode). If you then toggle the switch in settings it switches BACK to dark mode ALTHOUGH both switches are set to light mode... (There is no sync between those toggles!) Stephen C. said: I've found an interesting bug that probably won't affect too many users. It involves having multiple campaigns open at once and switching dark mode on and off in different ones. And it only looks bad on sheets that use the VTT's dark mode setting. It can be replicated reliably in both Firefox and Chrome, but both campaigns need to be open in the same browser. The UI settings don't appear to transfer from one browser to the other. (In fact, when I tested it out in Chrome, that browser was still using the old UI.) Here's how to replicate. Open up campaign A and campaign B in separate tabs/windows of the same browser. They can be the same campaign or different ones. Toggle the switch for A. Everything works for A as it should. In B, the appearance stays the same, except that the dark mode toggle has been changed from whatever it was. Toggle the switch for B. The UI will switch, but the character sheet will follow whatever setting you just changed it to. Have fun changing the toggles back and forth between campaigns. In short, here's what changes. The toggle between campaigns will always be the same. The UI will never change when the toggle is switched in another campaign, but it will always switch when it's switched in its own campaign. The character sheet will never change when the toggle is switched in another campaign, but when the toggle in its own campaign is changed, it will match what that toggle says it should be.

TheMarkus1204 said: You should never have 2 campaigns open in the same browser in different Tabs. The only exceptions for this are when you have separate browsers open at the same time, or if you use separate Containers in Firefox (there's likely to be a chrome equivalent). If you just use a single browser without any thought about this, you'll likely suffer issues.

In my case, I was using it to compare the public version of a sheet to my sheet sandbox. I'm aware of the refreshing issue, but other than that, I've never encountered problems with having multiple campaigns open at once. What kind of issues are we talking about here?

My impression is that Roll20 stores some information about the campaign you are in in a cookie, and so it always remembers the last campaign you changed something in. I have often had two tabs open, and when I went to reload one of them it loaded the campaign from the other tab. Ive seen it ha[[em that when i have a sandbpx open in one tab and a normal campaign in another, whenm I start the browser, the wrong one gets loaded in each tab.

GiGs said: TheMarkus1204 said: You should never have 2 campaigns open in the same browser in different Tabs. The only exceptions for this are when you have separate browsers open at the same time, or if you use separate Containers in Firefox (there's likely to be a chrome equivalent). The Chrome equivalent is a using a different Profile. I use this all the time. I have a profile just for my  Dummy Account , though if I am only doing a quick check, I'll just use an Incognito window.

Anyone have issues with the new toolbar making the camera not work?  Camera works perfectly fine with old toolbar but soon as I load new toolbar I get an error message that it couldn't load my camera...   but clearing cache reloads the old toolbar and camera works again.

I am loving the new changes for the layers, is there a way to add to hide the initiative tracker in the future?  

Rob said: I am loving the new changes for the layers, is there a way to add to hide the initiative tracker in the future?   You can double click on the title bar to minimize it, but only the GM can show or hide it altogether.

Maguillage said: Super not a fan of how this zoom bar change made it eat that entire area of the display. Not even disabling the zoom UI (which I would prefer to keep) gives me back those pixels of map space. Hey Maguillage, Just wanted to let you know that we just released some changes that will make the zoom bar smaller. We've heard a lot of feedback around the zoom being really big. Just wanted to let you know! Thanks for the feedback.

Hey Folks, We have another update for you all. This one is kinda big! Get ready for things to start collapsing! VTT Toolbar Improvements You can now collapse the toolbar if the toolbar is taking up more space than you prefer. There is a new button at the top that you can use to do collapse it with. Go to town! Let us know what you think about it. We heard a lot of feedback that the toolbar was pretty big and takes up a lot of space. When we were designing it, we were trying to make sure that it was accessible for people that need it to be bigger. We revisited the size of the toolbar and we think we can make some changes to make it smaller while still making sure it's accessible for those that need it to be big. Take a look and tell us what you think! Improved Layer Flyout so that it doesn't completely overlap the names and pictures at the bottom. Now it should stack vertically. We have collapsed the toolbar on small screens (mobile phones) by default. While we don't support mobile devices, we are trying to slowly improve the mobile experience where we can. We think collapsing the toolbar by default for Mobile Phones will give users more space. Be sure to let us know what you think.  VTT Bug Fixes   Fixed a bug that was keeping users on a tablet from long pressing and pinging the map. Now you can show people where you're pointing too while on a tablet! Fixed a bug where the shortcut for previewing as a token didn't work for free users. Now that should work fine. Sorry about that. Fixed a bug where the layer menu was displaying below the names and avatar images. Sorry that we made it hard to change layers with that. It should be fixed now. Fixed a bug where the measure tool would highlight when typing in text areas when using advanced shortcuts. That was super annoying sorry about that. It's fixed now.

I am always on board with compact design. I like this direction. I am interested to hear from accessibility-challenged folks, though. One thing I am not sure is intentional. If the last toolbar button you pressed was collapse/expand, pressing the option key (Mac/Chrome) toggles the state. If you press or click anywhere else after pressing the key, this behavior does not occur. Not a big deal, but it is curious.

I like the new toolbar size and the ability to hide it completely. If the smaller size doesn't work for everyone, I hope the hide/unhide ability stays. For me, (using Windows on a PC) I can hide/unhide the toolbar using any key until I mouse-click anywhere on the screen. That's obviously unintentional, but an option to designate a hotkey to do that would be handy. keithcurtis said: I am always on board with compact design. I like this direction. I am interested to hear from accessibility-challenged folks, though. One thing I am not sure is intentional. If the last toolbar button you pressed was collapse/expand, pressing the option key (Mac/Chrome) toggles the state. If you press or click anywhere else after pressing the key, this behavior does not occur. Not a big deal, but it is curious.

Hey Folks, I forgot to mention a few more things as well. You can now ping the map by right-clicking where you want to ping and choosing the "Ping" option from the context menu. You can also do a "Focus Ping" which will move everyone's camera to that point. This makes the ping functionality more discoverable on a desktop and possible on a tablet or mobile device. Fixed some bugs with the layer drawer collapsed too early. That should work as expected now. Here's a quick screenshot of the new ping option. Let us know what you think.

Hi, I like the option to collapse the toolbar. But the new size is too small. Please go back to the previous size. It is really hard to handle on my screen size and with my slight eyes disabilities. Or you add another option to toggle between bar sizes in settings. Cheers, Marc

Maybe position it a little better? I like the option to collapse the sidebar but the button and the green arrow beneath it look kinda out of place... maybe change the position / size of the button?

I am still using the old toolbar and suddenly have a problem with it covering the color selector on the dynamic lighting layer. Can't change color of dynamic light lines.

This illustrates some of the problems with this new toolbar. I don't see a green arrow.... it's possible that it's just so small on my screen that I can't see it or interact with it. Regarding the overall size, I think the new toolbar is too small - the icons are too small on my smaller screen. On the other hand, the previous version was too big. Maybe a size somewhere between the two will work? TheMarkus1204 said: Maybe position it a little better? I like the option to collapse the sidebar but the button and the green arrow beneath it look kinda out of place... maybe change the position / size of the button?