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 in Roll Templates

Has anyone tried this? The idea stuck me when I was considering how to have all the information I want in a roll template, but not have it being twelve pages long. I lamented that if it were a character sheet, I would just make a tab (hidden area controlled by a stylized checkbox). But I remember the Dev's saying that the rolltemplates have all the powers of a normal html/css. The next thought, of course, was: "Surely Brian, G.V., Sam (Long Live Sam!), Actoba, Nibrodooh, Gen Kitty and the others already thoght of this. I shall comb Roll20 and find how they did it, so I a can steal it and act all smart and stuff." But, so far, I haven't found anything. Was this idea too far out there for use, not available, or did I really come up with something new, all on my own?
1431101254
Lithl
Pro
Sheet Author
API Scripter
It might function... but you're going to have difficulty using tabs the same way as on a character sheet. In order to have one and only one tab selected, the character sheets use stylized radio buttons. All radio buttons with the same name are in the same button group, and only one button in the group can be checked. But if you tried to put a button group into a roll template, you'd have the same button group across every roll in the chat history. You might have better luck with collapsible sections (using a checkbox), because then you can get away without setting the input's name and still write CSS that should work.
1431102325
Finderski
Plus
Sheet Author
Compendium Curator
LOL - Actually, that's a pretty neat idea...I may have to mess around with it. But kudos to you for thinking of something like this. If you mess around with the idea more, let us know how it turned out.
1431104029
Gen Kitty
Forum Champion
Yes, let us know how it works for you :> (For the record, don't look to me for assistance with character sheet stuff: I barely use them!)
Brian said: You might have better luck with collapsible sections (using a checkbox), because then you can get away without setting the input's name and still write CSS that should work. I figured I would start with that, as it was the easiest in my mind. G V. said: LOL - Actually, that's a pretty neat idea...I may have to mess around with it. But kudos to you for thinking of something like this. If you mess around with the idea more, let us know how it turned out. So far, no good. The checkbox just isn't showing up. I'll get back to after I try a few more things GenKitty said: (For the record, don't look to me for assistance with character sheet stuff: I barely use them!) I was look to you for 'awesome', character sheet or otherwise.
It appears that the chat does not accept "<input>" tags. I've tried text and checkboxes, and both fail to appear. Ah, well. At least this means I won't have to go back and redo all of my roll templates.
1431128809

Edited 1431128848
Lithl
Pro
Sheet Author
API Scripter
What about a collapsible section using :hover? It's how I fit all the various crafting skills into the Exalted 2e sheet. It's not friendly to people on mobile, though.
I will have to try that, see what happens
Anything sent to chat that is html or css is generally sanitized and has a lot of stuff disabled. That said, roll templates have less issues than api scripts... So it may work somehow.
Brian said: What about a collapsible section using :hover? It's how I fit all the various crafting skills into the Exalted 2e sheet. It's not friendly to people on mobile, though. Could you elaborate on this a little? Do you have this on a template or in the skills area on the character sheet?
1435562205
Lithl
Pro
Sheet Author
API Scripter
Coal Powered Puppet said: Brian said: What about a collapsible section using :hover? It's how I fit all the various crafting skills into the Exalted 2e sheet. It's not friendly to people on mobile, though. Could you elaborate on this a little? Do you have this on a template or in the skills area on the character sheet? The Abilities section of the Exalted sheet. To maintain the sheet's structure compared to the paper sheet, I have "Craft" in the Twilight caste section. However, the game has a bunch of different versions of Craft. So on the Exalted sheet, you can hover your mouse over Craft, and while doing so you get a popup showing each variant. Here's a minimal example of it in operation: <a href="http://jsfiddle.net/7rtjgwav/" rel="nofollow">http://jsfiddle.net/7rtjgwav/</a> Essentially what I'm suggesting to try is instead of tying to make tabs based on input[type=radio]:checked, create tabs based on :hover.
That is a really cool way to work the craft skill. I am going to have to steal it. In other news, I've tried the same code I use for tool tips and it didn't work. So....gonna try again at some point.