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

Tab Creation in Character Sheets

1411965395
Falcon
Pro
Sheet Author
I know this may have already been posted but I couldn't find it. Can someone send me the code link and any instructions how to create tabs within a character sheet. I also would like some help with the hide/show option. THANKS!!!
Have you looked on the github repository? I personally like Ardnived's tab coding on his GURPS sheet, and have been modifying that to fit my own needs. What kinds of problems are you having with the hide/show option?
Here's a stripped down version of the tab code from Ardnived's GURPS sheet: <a href="https://gist.github.com/AdamTWells/c6e15ad6865b042" rel="nofollow">https://gist.github.com/AdamTWells/c6e15ad6865b042</a>... Important things to note are that the HTML file has five tabs, but the CSS code mentions six. You always need to reference one extra in the CSS code than what you're actually using. Another important consideration is that the divs for the tabs need to be siblings with the controls.
1412011766
Falcon
Pro
Sheet Author
Thanks Adam. I will have to figure out how to implement this in my code. I guess I was just wanting to see the code for the Hide/show and how it works. I am assuming it has a CSS connection as well.
1412013157
Finderski
Plus
Sheet Author
Compendium Curator
Yes. The hide/show stuff is also CSS based. Here's an example: HTML &lt;input type='checkbox' name='attr_SkillFormula'class='arrow' style='width:15px;' checked='checked'/&gt; Hide Macro Formula &lt;div class='sheet-formula' style='width:830px; height:60px; border:solid; border-width:1px;'&gt; &lt;textarea style='width:820px; height:50px;'&gt;/em @{character_name} attempts to do something with @{repeating_skills_0_SkillName} and rolls: [[{1d@{repeating_skills_0_SkillNameRank}![@{repeating_skills_0_SkillName}], 1d@{wilddie}![Wild Die]}kh1 + @{repeating_skills_0_SkillNameMod}[Other Modifiers] + @{ttmod}[Modifiers] - @{wounds}[Wounds] - @{fatigue}[Fatigue]]]!'&lt;/textarea&gt;&lt;br /&gt; &lt;span style='color:red;'&gt;&lt;strong&gt;NOTE:&lt;/strong&gt; the &lt;span style='border:solid, border-width:1px;'&gt; _0_ &lt;/span&gt; represents the first added skill. For each subsequent skill added, increment the number.&lt;/span&gt; &lt;/div&gt; And here's... CSS .sheet-formula{ display:inline-block; } .sheet-arrow:checked + *.sheet-formula{ display:none; }
1412015609
Falcon
Pro
Sheet Author
So all of the hide/show stuff goes in between the &lt;div&gt; Ok - that makes sense.
1412016187
Falcon
Pro
Sheet Author
Having a weird issue. I can't seem to stop the display of the pages after &lt;/div&gt; (tabs). It shows everything but when I switch tabs - it starts it from there.
1412016433
Falcon
Pro
Sheet Author
Figured it out.
1412029496
Falcon
Pro
Sheet Author
Ok G.V. and Adam. I have another question - and thank you for your help. Can you do a check? For example: 50 gear weight &gt; carry weight therefore you are encumbered Is there any way to do some type of expression and then have some type of input spit something out?
I'm not the best person to answer that question, because I don't care for automating sheets beyond basic dice rolling for the most part. You may want to check out some of the more heavily automated community sheets and see what people have accomplished in that area. It's possible that somebody else has done what you want. Remember that all the Community sheet code is released under the MIT License and generally free for you to use in your own sheets.