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

Tabs on HTML sheets

So I saw in the CSS Wizardy topic about how you can put tabs in character sheets making separate sections to them. Sadly I know NOTHING about CSS. Currently I'm making a Pokemon Tabletop Adventures 2.0 sheet with HTML and am trying have separate tabs for Trainer, Pokemon, and Pokedex. Is it even possible to do the same sort of thing with HTML or not?
1525529847
vÍnce
Pro
Sheet Author
You'll need css for tabs.&nbsp; Follow the example here:&nbsp; <a href="https://wiki.roll20.net/CSS_Wizardry#Tabs" rel="nofollow">https://wiki.roll20.net/CSS_Wizardry#Tabs</a> Tabs are just applying wrappers to your sections.&nbsp; You basically wrap each section within an element and hide the other wrapped sections unless a tab(hidden input) is checked.&nbsp; Try the example.&nbsp; Then move some of your existing code into it.&nbsp; Post back when you have questions.
1525530476
Andreas J.
Forum Champion
Sheet Author
Translator
I doubt it's possible, but... At it's most basic form, making tabs is simple, and the example should provide enough of a template to do what you want. Html/css goes hand in hand, and learning abit of both is the smartest way to create sheets/do these kind of things. Two offsite pages that might help with this if CSS Wizardry isn't enough: <a href="https://www.w3schools.com/howto/howto_js_tabs.asp" rel="nofollow">https://www.w3schools.com/howto/howto_js_tabs.asp</a> <a href="https://inspirationalpixels.com/tutorials/creating" rel="nofollow">https://inspirationalpixels.com/tutorials/creating</a>...
Sorry to have bothered you guys &gt;_&lt; my understanding of HTML is rather basic, but I've more or less cheated the system and copy pasted even if I'm still not 100% on how it works
1525538220
Andreas J.
Forum Champion
Sheet Author
Translator
That's also how I learned, by looking at the works of others, examples and changed them around to get and feeling of how they work. :D My understanding is still quite basic, but playing around and working with the this have teached me alot.
Just so I'm not searching for a million years completely looking over the one thing I need repeatedly, how do I make a list of trainer abilities and pokemon moves that's invisible and that my players can pick and choose from said lists as they see fit? I know I've seen it but for the LIFE of me I can not re-find it.