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 .
×

HELP PLEASE! Can someone help me with this sheet?

I'm trying to build a Vampire Masquerade sheet however the codes put add buttons not working for me, i want put more talents,skills and knowledges with one input text and radio buttons, like i did here : <div class="sheet-colrow" style="width:850px"> <div class="sheet-col" style="width:80px"> <h4 data-i18n="alertness-u">Alertness</h4> <h4 data-i18n="athletics-u">Athletics</h4> <h4 data-i18n="awareness-u">Awareness</h4> <h4 data-i18n="brawl-u">Brawl</h4> <h4 data-i18n="empathy-u">Empathy</h4> <h4 data-i18n="expression-u">Expression</h4> <h4 data-i18n="intimidation-u">Intimidation</h4> <h4 data-i18n="leadership-u">Leadership</h4> <h4 data-i18n="streetwise-u">Streetwise</h4> <h4 data-i18n="subterfuge-u">Subterfuge</h4> <input type="text" name="attr_talents1" style="width:105px;height:20px"/> <input type="text" name="attr_talents2" style="width:105px;height:20px"/> <input type="text" name="attr_talents3" style="width:105px;height:20px"/> </div> <div class="sheet-col" style="width:190px" align="right"> <div class="sheet-row"> <input type="radio" name="attr_Alertness" value="0" class=" zero" checked /><span></span> <input type="radio" name="attr_Alertness" value="1" /><span></span> <input type="radio" name="attr_Alertness" value="2" /><span></span> <input type="radio" name="attr_Alertness" value="3" /><span></span> <input type="radio" name="attr_Alertness" value="4" /><span></span> <input type="radio" name="attr_Alertness" value="5" /><span></span>  <input type="radio" name="attr_Alertness" value="6" /><span></span> <input type="radio" name="attr_Alertness" value="7" /><span></span> <input type="radio" name="attr_Alertness" value="8" /><span></span> <input type="radio" name="attr_Alertness" value="9" /><span></span> </div> And i used this : <input type="checkbox" class="sheet-block_switch" name="attr_switch" value="1"/><span></span> <div class="sheet-block_a"> <!-- Stuff in the visible area --> </div> <div class="sheet-block_b"> <!-- Stuff in the hidden area --> </div> /* css */ div.sheet-block_a {     display: inline; } div.sheet-block_b {     display: none; } input.sheet-block_switch:checked ~ div.sheet-block_a {     display: none; } input.sheet-block_switch:checked ~ div.sheet-block_b {     display: inline; } but below  <input type="radio" name="attr_Alertness" value="9" /><span></span> Someone can Help-me please?! I'm confused and Lost!
1530197559

Edited 1530197966
Andreas J.
Forum Champion
Sheet Author
Translator
You missed a </div> at the end at least. I don't think you need to have 800px width on the first row.  The CSS you have there isn't used in your html, what are you trying to achieve with it? I cut down to a more simplified example that should work, if I understood you correctly <div class="sheet-colrow"> <div class="sheet-col" style="width:80px"> <h4 data-i18n="alertness-u">Alertness</h4> <h4 data-i18n="athletics-u">Athletics</h4> <input type="text" name="attr_talent1name" style="width:105px;height:20px"/> </div> <div class="sheet-col" style="width:190px" align="right"> <div class="sheet-row"> <input type="radio" name="attr_Alertness" value="0" class=" zero" checked /><span></span> <input type="radio" name="attr_Alertness" value="1" /><span></span> <input type="radio" name="attr_Alertness" value="2" /><span></span> <input type="radio" name="attr_Alertness" value="3" /><span></span> </div> <div class="sheet-row"> <input type="radio" name="attr_Athletics" value="0" class=" zero" checked /><span></span> <input type="radio" name="attr_Athletics" value="1" /><span></span> <input type="radio" name="attr_Athletics" value="2" /><span></span> <input type="radio" name="attr_Athletics" value="3" /><span></span> </div> <div class="sheet-row"> <input type="radio" name="attr_talent1" value="0" class=" zero" checked /><span></span> <input type="radio" name="attr_talent1" value="1" /><span></span> <input type="radio" name="attr_talent1" value="2" /><span></span> <input type="radio" name="attr_talent1" value="3" /><span></span> </div> </div> </div> I assume you have based your custom sheet on one of the existing ones like VtM 20th ?
Yes, but i changed it !  I use this CSS too , i want some changes in the sheet what makes it practical for use...  but that's not what I want  I want to put a button add for repeat this section! But with the examples in the wiki and forum not working for me... But Thanks for answer   This is the section:  <input type="text" name="attr_talents3" style="width:105px;height:20px"/> </div> <div class="sheet-col" style="width:190px" align="right"> <div class="sheet-row"> <input type="radio" name="attr_Alertness" value="0" class=" zero" checked /><span></span> <input type="radio" name="attr_Alertness" value="1" /><span></span> <input type="radio" name="attr_Alertness" value="2" /><span></span> <input type="radio" name="attr_Alertness" value="3" /><span></span> <input type="radio" name="attr_Alertness" value="4" /><span></span> <input type="radio" name="attr_Alertness" value="5" /><span></span>  <input type="radio" name="attr_Alertness" value="6" /><span></span> <input type="radio" name="attr_Alertness" value="7" /><span></span> <input type="radio" name="attr_Alertness" value="8" /><span></span> <input type="radio" name="attr_Alertness" value="9" /><span></span> </div>
1530200021

Edited 1530200083
Andreas J.
Forum Champion
Sheet Author
Translator
Ascarioth said:   I want to put a button add for repeat this section!  You want to create a repeating section ? Then you'd have to change the structure of the skills, or add it as a separate section outside your " sheet-colrow" class , something along: <div class="sheet-row"> <fieldset class="repeating_talents"> <input type="text" name="attr_talentname" /> <input type="radio" name="attr_talentvalue" value="0" class=" zero" checked /><span></span> <input type="radio" name="attr_talentvalue" value="1" /><span></span> <input type="radio" name="attr_talentvalue" value="2" /><span></span> <input type="radio" name="attr_talentvalue" value="3" /><span></span> </fieldset> </div>