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

How to Hide and Reveal Things With CSS

May 14 (2 years ago)
GiGs
Pro
Sheet Author
API Scripter

I just published an article on this topic at https://cybersphere.me/hiding-and-revealing-things-with-css/

The very useful CSS Wizardry page on the wiki covers this, but I needed my explanation for another article I'm working on. So here's my spin on it.

May 14 (2 years ago)
Scott C.
Forum Champion
Sheet Author
API Scripter
Compendium Curator

Nice write up GiGs!

It might be worth mentioning that you don't need the hidden input if your checkbox or radio is before the thing you're showing/hiding (although is always needed when using a select).

And, it may be beyond the scope of this article, but mentioning the r20Query method of doing this could be worthwhile.

May 14 (2 years ago)
GiGs
Pro
Sheet Author
API Scripter

Thanks!

One of the examples (the :checked one) does discard the hidden input, but I don't focus on it as a method of its own. I could highlight that more.

I do plan to talk about r20Query later on, I'm building up to it hehe.

May 14 (2 years ago)

Edited May 14 (2 years ago)
vÍnce
Pro
Sheet Author

New authors are so lucky to have GiGs blog as a resource.  Back in my day we had to make character sheets outside in the rain with a rock and hammer. (and still do...)

May 15 (2 years ago)
GiGs
Pro
Sheet Author
API Scripter

You must have some Rube Goldberg kind of PC! Thanks :)