1st ed. AD&D (and I am guessing all the other sheets as well) SUGGESTION

Is it possible to keep the tabs at the top (bio&info, character sheet and attributes and abilities) visible when the player scrolls down into the sheet? This would be very handy.

(Moving this thread to Specific Use Questions.) Yup! This can be accomplished by tweaking the CSS. I recommend installing a browser extension like Stylish to handle the following: @namespace url(<a href="http://www.w3.org/1999/xhtml" rel="nofollow">http://www.w3.org/1999/xhtml</a>); @-moz-document domain("app.roll20.net"), domain("app.roll20dev.net") { .nav-tabs { &nbsp;&nbsp; &nbsp;z-index: 100000; &nbsp;&nbsp; &nbsp;position: fixed; &nbsp;&nbsp; &nbsp;border: none; &nbsp;&nbsp; &nbsp;opacity: 0.3; } .nav-tabs:hover { &nbsp;&nbsp; &nbsp;opacity: 1.0; } } I think I'm going to use this with the initial opacity tweaked down to 0.0 for total transparency. Nice idea ;)

Sorry, I don't know what any of that means. Is that something i can do on my own, or do you think Roll20 with implement it? Yes, I'm a computer doof...

Alan W. said: Is that something i can do on my own, or do you think Roll20 with implement it? It's not likely something Roll20 will implement without a thread first being made in the Suggestions & Ideas forum . However, it's definitely something you can do on your own! Here's what I recommend you do: 1. Install Stylish for Firefox or Chrome. 2. Save the code above as a New Style. 3. That should be it! Let me know if you have any further questions.

It works, though it is a little messy looking. Is there a way to make the rest of the character sheet stop below the tabs, and scroll up under the three headers?

Maybe try this Alan. &nbsp;This will create a fixed header that stays out of the way when changing to another tab for things like editing Bio or Attributes and Abilities. .nav-tabs { &nbsp; &nbsp; z-index: 100000; &nbsp; &nbsp; position: fixed; &nbsp; &nbsp; background-color:#FFF; &nbsp; &nbsp; width:100%; &nbsp; &nbsp; margin:-25px; } .nav-tabs:hover { &nbsp; &nbsp; opacity: 1.0; } .nav-tabs&gt;li&gt;a { &nbsp; padding-top: 6px; &nbsp; padding-bottom: 4px; }

I like that better! Thanks, Vince!

I did something wrong, now I have no tabs at all...

Try this out: @-moz-document url-prefix("<a href="https://app.roll20.net/editor/" rel="nofollow">https://app.roll20.net/editor/</a>"), url-prefix("<a href="https://app.roll20.net/editor/" rel="nofollow">https://app.roll20.net/editor/</a>") { #containerdiv .characterdialog div .nav-tabs { &nbsp; margin-block-start: -40px; } #containerdiv.ui-dialog { &nbsp;&nbsp; &nbsp;margin-block-start: 35px; } .popoutwindow #containerdiv { &nbsp;&nbsp; &nbsp;margin-block-start: initial; } .ui-widget .characterdialog div .nav-tabs { &nbsp; margin-block-start: -40px; } .characterdialog { &nbsp;&nbsp; &nbsp;margin-block-start: 30px; } #containerdiv .characterdialog { &nbsp;&nbsp; &nbsp;margin-block-start: initial; } #containerdiv .characterdialog div .nav-tabs, .ui-widget .characterdialog div .nav-tabs { &nbsp; z-index: 100000; &nbsp; position: fixed; &nbsp; border: none !important; } .nav-tabs li a { &nbsp; border: none; &nbsp; border-radius: 0px; } .ui-widget .characterdialog div .nav-tabs li a { &nbsp; padding-top: 10px; &nbsp; padding-bottom: 10px; } #containerdiv .characterdialog div .nav-tabs li a { &nbsp; padding-top: 15px; &nbsp; padding-bottom: 8px; } .nav-tabs &gt; .active &gt; a, .nav-tabs &gt; .active &gt; a:hover { &nbsp; padding-bottom: 5px; &nbsp; border-bottom: 1px solid #ddd; &nbsp; border-top: none; &nbsp; border-radius: 0px; } }

Perfect, thanks!

You're very welcome! (I made one last little tweak; feel free to PM me with any future questions about it!)