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

Checkox/Hidden HTML isn't working

1695203515
Chris Jones
Pro
Sheet Author
Morning all I've a character sheet where, depending on the type of enemy, there are 3 ways you could represent their core attributes, While I could have all three sets on the character sheet, I'd prefer to have a checkbox system where it only displays the one you want. I've got something similar on another character sheet, so I decided to reuse the code I had there (as it works on that one), however when I change the tick boxes, nothing changes, so I must have got something wrong - I just don't know what it is! Here are my 3 tickboxes: <h4 style="display:inline-block">Standard Attributes: </h4> <input type="checkbox" name="attr_StandardAttribute" value="1" title="Check to display standard Attributes." style="display:inline-block; width:20px; margin-right: 35px" checked/><Span class="sheet-block-text"></span> <h4 style="display:inline-block">Simplified Attributes: </h4> <input type="checkbox" name="attr_SimpleAttributes" value="1" title="Check to display simplified Attributes." style="display:inline-block; width:20px; margin-right: 35px" checked/><Span class="sheet-block-text"></span> <h4 style="display:inline-block">Spirit Power: </h4> <input type="checkbox" name="attr_PowerAttribute" value="1" title="Check to display Spirit Power." style="display:inline-block; width:20px; margin-right: 35px" checked/><Span class="sheet-block-text"></span> Then, my first attribute looks like this <input type="hidden" class="toggler" name="attr_StandardAttribute" value="0"> <div class="to-hide"> <tr> <td> <h4 data-i18n="strength-u" style="width: 94px">Strength</h4> </td> <td> <div class="sheet-col" style="width:184px"> <input type="radio" class="sheet-defaultRadioBox zero" name="attr_MonsterStrength" value="0" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterStrength" value="1" checked="checked" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterStrength" value="2" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterStrength" value="3" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterStrength" value="4" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterStrength" value="5" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterStrength" value="6" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterStrength" value="7" /> <span></span> <button class="sheet-diebutton-api" type="roll" title="Rolls Strength" value='!wta skill r@{MonsterRage} s@{MonsterStrength} a?{Second Attribute|None,0|Strength,@{MonsterStrength}|Dexterity,@{MonsterDexterity}|Stamina,@{MonsterStamina}|Charisma,@{MonsterCharisma}|Manipulation,@{MonsterManipulation}|Composure,@{MonsterComposure}|Intelligence,@{MonsterIntelligence}|Wits,@{MonsterWits}|Resolve,@{MonsterResolve}|------, |Physical,@{physical}|Social,@{social}|Mental,@{mental}|------, |Spirit,@{spirit}} m?{Modifiers|0} t~Strength ~ c~@{character_name} ~' name="roll_StrengthApi"> </button> <button class="sheet-diebutton-simple" type="roll" title="Non-API Strength Roll" value="&{template:wod} {{name= @{character_name}}} {{Rollname=Strength}} {{NormalSuccesses=[[ [[((([[ [[@{MonsterStrength}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] + 0) + abs([[ [[@{MonsterStrength}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] - 0)) / 2.0)]]d10>6 ]]}} {{RageSuccesses=[[ [[(((@{Monsterrage} + [[@{MonsterStrength}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]) - abs(@{Monsterrage} - [[@{MonsterStrength}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]])) / 2)]]d10>6]]}} {{NormalDice=[[((([[ [[@{MonsterStrength}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] + 0) + abs([[ [[@{MonsterStrength}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] - 0)) / 2.0)]]}} {{RageDice=[[(((@{Monsterrage} + [[@{MonsterStrength}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]) - abs(@{Monsterrage} - [[@{MonsterStrength}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]])) / 2)]]}}" name="roll_StrengthInlineDice"> </button> </div> </td> <td> <h4 data-i18n="charisma-u" style="width: 94px">Charisma</h4> </td> <td> <div class="sheet-col" style="width:184px"> <input type="radio" class="sheet-defaultRadioBox zero" name="attr_MonsterCharisma" value="0" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterCharisma" value="1" checked="checked" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterCharisma" value="2" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterCharisma" value="3" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterCharisma" value="4" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterCharisma" value="5" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterCharisma" value="6" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterCharisma" value="7" /> <span></span> <button class="sheet-diebutton-api" type="roll" title="Rolls Charisma" value='!wta skill r@{MonsterRage} s@{MonsterCharisma} a?{Second Attribute|None,0|Strength,@{MonsterStrength}|Dexterity,@{MonsterDexterity}|Stamina,@{MonsterStamina}|Charisma,@{MonsterCharisma}|Manipulation,@{MonsterManipulation}|Composure,@{MonsterComposure}|Intelligence,@{MonsterIntelligence}|Wits,@{MonsterWits}|Resolve,@{MonsterResolve}|------, |Physical,@{physical}|Social,@{social}|Mental,@{mental}|------, |Spirit,@{spirit}} m?{Modifiers|0} t~Charisma ~ c~@{character_name} ~' name="roll_CharismaApi"> </button> <button class="sheet-diebutton-simple" type="roll" title="Non-API Charisma Roll" value="&{template:wod} {{name= @{character_name}}} {{Rollname=Charisma}} {{NormalSuccesses=[[ [[((([[ [[@{MonsterCharisma}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] + 0) + abs([[ [[@{MonsterCharisma}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] - 0)) / 2.0)]]d10>6 ]]}} {{RageSuccesses=[[ [[(((@{Monsterrage} + [[@{MonsterCharisma}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]) - abs(@{Monsterrage} - [[@{MonsterCharisma}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]])) / 2)]]d10>6]]}} {{NormalDice=[[((([[ [[@{MonsterCharisma}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] + 0) + abs([[ [[@{MonsterCharisma}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] - 0)) / 2.0)]]}} {{RageDice=[[(((@{Monsterrage} + [[@{MonsterCharisma}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]) - abs(@{Monsterrage} - [[@{MonsterCharisma}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]])) / 2)]]}}" name="roll_CharismaInlineDice"></button> </div> </td> <td> <h4 data-i18n="intelligence-u" style="width: 94px">Intelligence</h4> </td> <td> <div class="sheet-row" style="width:184px"> <input type="radio" class="sheet-defaultRadioBox zero" name="attr_MonsterIntelligence" value="0" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterIntelligence" value="1" checked="checked" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterIntelligence" value="2" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterIntelligence" value="3" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterIntelligence" value="4" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterIntelligence" value="5" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterIntelligence" value="6" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterIntelligence" value="7" /> <span></span> <button class="sheet-diebutton-api" type="roll" title="Rolls Intelligence" value='!wta skill r@{MonsterRage} s@{MonsterIntelligence} a?{Second Attribute|None,0|Strength,@{MonsterStrength}|Dexterity,@{MonsterDexterity}|Stamina,@{MonsterStamina}|Charisma,@{MonsterCharisma}|Manipulation,@{MonsterManipulation}|Composure,@{MonsterComposure}|Intelligence,@{MonsterIntelligence}|Wits,@{MonsterWits}|Resolve,@{MonsterResolve}|------, |Physical,@{physical}|Social,@{social}|Mental,@{mental}|------, |Spirit,@{spirit}} m?{Modifiers|0} t~Intelligence ~ c~@{character_name} ~' name="roll_IntApi"> </button> <button class="sheet-diebutton-simple" type="roll" title="Non-API Intelligence Roll" value="&{template:wod} {{name= @{character_name}}} {{Rollname=Intelligence}} {{NormalSuccesses=[[ [[((([[ [[@{MonsterIntelligence}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] + 0) + abs([[ [[@{MonsterIntelligence}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] - 0)) / 2.0)]]d10>6 ]]}} {{RageSuccesses=[[ [[(((@{Monsterrage} + [[@{MonsterIntelligence}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]) - abs(@{Monsterrage} - [[@{MonsterIntelligence}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]])) / 2)]]d10>6]]}} {{NormalDice=[[((([[ [[@{MonsterIntelligence}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] + 0) + abs([[ [[@{MonsterIntelligence}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] - 0)) / 2.0)]]}} {{RageDice=[[(((@{Monsterrage} + [[@{MonsterIntelligence}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]) - abs(@{Monsterrage} - [[@{MonsterIntelligence}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]])) / 2)]]}}" name="roll_IntelligenceInlineDice"></button> </div> </td> </tr> <tr> <td> <h4 data-i18n="dexterity-u" style="width: 94px">Dexterity</h4> </td> <td> <div class="sheet-row" style="width:184px"> <input type="radio" class="sheet-defaultRadioBox zero" name="attr_MonsterDexterity" value="0" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterDexterity" value="1" checked="checked" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterDexterity" value="2" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterDexterity" value="3" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterDexterity" value="4" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterDexterity" value="5" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterDexterity" value="6" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterDexterity" value="7" /> <span></span> <button class="sheet-diebutton-api" title="Rolls Dexterity" type='roll' name='roll_dexterity_onlyApi' value='!wta skill r@{MonsterRage} s@{MonsterDexterity} a?{Second Attribute|None,0|Strength,@{MonsterStrength}|Dexterity,@{MonsterDexterity}|Stamina,@{MonsterStamina}|Charisma,@{MonsterCharisma}|Manipulation,@{MonsterManipulation}|Composure,@{MonsterComposure}|Intelligence,@{MonsterIntelligence}|Wits,@{MonsterWits}|Resolve,@{MonsterResolve}|------, |Physical,@{physical}|Social,@{social}|Mental,@{mental}|------, |Spirit,@{spirit}} m?{Modifiers|0} t~Dexterity ~ c~@{character_name} ~'></button> <button class="sheet-diebutton-simple" type="roll" title="Non-API Dexterity Roll" value="&{template:wod} {{name= @{character_name}}} {{Rollname=Dexterity}} {{NormalSuccesses=[[ [[((([[ [[@{MonsterDexterity}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] + 0) + abs([[ [[@{MonsterDexterity}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] - 0)) / 2.0)]]d10>6 ]]}} {{RageSuccesses=[[ [[(((@{Monsterrage} + [[@{MonsterDexterity}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]) - abs(@{Monsterrage} - [[@{MonsterDexterity}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]])) / 2)]]d10>6]]}} {{NormalDice=[[((([[ [[@{MonsterDexterity}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] + 0) + abs([[ [[@{MonsterDexterity}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] - 0)) / 2.0)]]}} {{RageDice=[[(((@{Monsterrage} + [[@{MonsterDexterity}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]) - abs(@{Monsterrage} - [[@{MonsterDexterity}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]])) / 2)]]}}" name="roll_DexterityInlineDice"></button> </div> </td> <td> <h4 data-i18n="manipulation-u" style="width: 94px">Manipulation</h4> </td> <td> <div class="sheet-row" style="width:184px"> <input type="radio" class="sheet-defaultRadioBox zero" name="attr_MonsterManipulation" value="0" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterManipulation" value="1" checked="checked" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterManipulation" value="2" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterManipulation" value="3" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterManipulation" value="4" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterManipulation" value="5" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterManipulation" value="6" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterManipulation" value="7" /> <span></span> <button class="sheet-diebutton-api" title="Rolls Manipulation" type='roll' name='roll_manipulation_onlyApi' value='!wta skill r@{MonsterRage} s@{MonsterManipulation} a?{Second Attribute|None,0|Strength,@{MonsterStrength}|Dexterity,@{MonsterDexterity}|Stamina,@{MonsterStamina}|Charisma,@{MonsterCharisma}|Manipulation,@{MonsterManipulation}|Composure,@{MonsterComposure}|Intelligence,@{MonsterIntelligence}|Wits,@{MonsterWits}|Resolve,@{MonsterResolve}|------, |Physical,@{physical}|Social,@{social}|Mental,@{mental}|------, |Spirit,@{spirit}} m?{Modifiers|0} t~Manipulation ~ c~@{character_name} ~'></button> <button class="sheet-diebutton-simple" type="roll" title="Non-API Manipulation Roll" value="&{template:wod} {{name= @{character_name}}} {{Rollname=Manipulation}} {{NormalSuccesses=[[ [[((([[ [[@{MonsterManipulation}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] + 0) + abs([[ [[@{MonsterManipulation}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] - 0)) / 2.0)]]d10>6 ]]}} {{RageSuccesses=[[ [[(((@{Monsterrage} + [[@{MonsterManipulation}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]) - abs(@{Monsterrage} - [[@{MonsterManipulation}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]])) / 2)]]d10>6]]}} {{NormalDice=[[((([[ [[@{MonsterManipulation}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] + 0) + abs([[ [[@{MonsterManipulation}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] - 0)) / 2.0)]]}} {{RageDice=[[(((@{Monsterrage} + [[@{MonsterManipulation}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]) - abs(@{Monsterrage} - [[@{MonsterManipulation}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]])) / 2)]]}}" name="roll_ManipulationInlineDice"></button> </div> </td> <td> <h4 data-i18n="wits-u" style="width: 94px">Wits</h4> </td> <td> <div class="sheet-row" style="width:184px"> <input type="radio" class="sheet-defaultRadioBox zero" name="attr_MonsterWits" value="0" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterWits" value="1" checked="checked" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterWits" value="2" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterWits" value="3" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterWits" value="4" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterWits" value="5" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterWits" value="6" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_MonsterWits" value="7" /> <span></span> <button class="sheet-diebutton-api" title="Rolls Wits" type='roll' name='roll_wits_onlyApi' value='!wta skill r@{MonsterRage} s@{MonsterWits} a?{Second Attribute|None,0|Strength,@{MonsterStrength}|Dexterity,@{MonsterDexterity}|Stamina,@{MonsterStamina}|Charisma,@{MonsterCharisma}|Manipulation,@{MonsterManipulation}|Composure,@{MonsterComposure}|Intelligence,@{MonsterIntelligence}|Wits,@{MonsterWits}|Resolve,@{MonsterResolve}|------, |Physical,@{physical}|Social,@{social}|Mental,@{mental}|------, |Spirit,@{spirit}} m?{Modifiers|0} t~Wits ~ c~@{character_name} ~'></button> <button class="sheet-diebutton-simple" type="roll" title="Non-API Wits Roll" value="&{template:wod} {{name= @{character_name}}} {{Rollname=Wits}} {{NormalSuccesses=[[ [[((([[ [[@{MonsterWits}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] + 0) + abs([[ [[@{MonsterWits}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] - 0)) / 2.0)]]d10>6 ]]}} {{RageSuccesses=[[ [[(((@{Monsterrage} + [[@{MonsterWits}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]) - abs(@{Monsterrage} - [[@{MonsterWits}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]])) / 2)]]d10>6]]}} {{NormalDice=[[((([[ [[@{MonsterWits}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] + 0) + abs([[ [[@{MonsterWits}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]- [[ @{Monsterrage} ]] ]] - 0)) / 2.0)]]}} {{RageDice=[[(((@{Monsterrage} + [[@{MonsterWits}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]]) - abs(@{Monsterrage} - [[@{MonsterWits}+?{Second Attribute|None,0|Charisma, @{MonsterCharisma}|Composure, @{MonsterComposure}|Dexterity, @{MonsterDexterity}|Intelligence, @{MonsterIntelligence}|Manipulation, @{MonsterManipulation}|Resolve, @{MonsterResolve}|Stamina, @{MonsterStamina}|Strength, @{MonsterStrength}|Wits, @{MonsterWits}}+?{Modifiers|0} ]])) / 2)]]}}" name="roll_WitsInlineDice"></button> </div> </td> </tr> </div> My second like this <input type="hidden" class="toggler" name="attr_SimpleAttribute" value="0"> <div class="to-hide"> <tr> <td colspan="2" style="text-align: center;"> <h4 data-i18n="physical-u">Physical</h4> </td> <td colspan="2" style="text-align: center;"> <h4 data-i18n="social-u">Social</h4> </td> <td colspan="2" style="text-align: center;"> <h4 data-i18n="mental-u">Mental</h4> </td> </tr> <tr> <td style="text-align: center" colspan="2"> <div class="sheet-row" > <input type="radio" class="sheet-defaultRadioBox zero" name="attr_Physical" value="0" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Physical" value="1" checked="checked" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Physical" value="2" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Physical" value="3" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Physical" value="4" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Physical" value="5" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Physical" value="6" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Physical" value="7" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Physical" value="8" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Physical" value="9" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Physical" value="10" /> <span></span> <button class="sheet-diebutton-api" type="roll" title="Rolls Physical" value='!wta skill r@{MonsterRage} s@{Physical} m?{Modifiers|0} t~Physical ~ c~@{character_name} ~' name="roll_PhysicalApi"></button> </div> </td> <td style="text-align: center" colspan="2"> <div class="sheet-row" > <input type="radio" class="sheet-defaultRadioBox zero" name="attr_Social" value="0" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Social" value="1" checked="checked" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Social" value="2" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Social" value="3" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Social" value="4" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Social" value="5" /> <span></span> <button class="sheet-diebutton-api" type="roll" title="Rolls Social" value='!wta skill r@{MonsterRage} s@{Social} m?{Modifiers|0} t~Social ~ c~@{character_name} ~' name="roll_SocialApi"></button> </div> </td> <td style="text-align: center" colspan="2"> <div class="sheet-row" > <input type="radio" class="sheet-defaultRadioBox zero" name="attr_Mental" value="0" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Mental" value="1" checked="checked" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Mental" value="2" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Mental" value="3" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Mental" value="4" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Mental" value="5" /> <span></span> <button class="sheet-diebutton-api" type="roll" title="Rolls Mental" value='!wta skill r@{MonsterRage} s@{Mental} m?{Modifiers|0} t~Mental ~ c~@{character_name} ~' name="roll_IntApi"></button> </div> </td> </tr> </div> and my final one like this <input type="hidden" class="toggler" name="attr_PowerAttribute" value="0"> <div class="to-hide"> <tr> <td colspan="6" style="text-align: center;"> <h4 >Spirit Power</h4> </td> </tr> <tr> <td style="text-align: center" colspan="6"> <div class="sheet-row" > <input type="radio" class="sheet-defaultRadioBox zero" name="attr_Spirit" value="0" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Spirit" value="1" checked="checked" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Spirit" value="2" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Spirit" value="3" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Spirit" value="4" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Spirit" value="5" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Spirit" value="6" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Spirit" value="7" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Spirit" value="8" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Spirit" value="9" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Spirit" value="10" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Spirit" value="11" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Spirit" value="12" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Spirit" value="13" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Spirit" value="14" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Spirit" value="15" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Spirit" value="16" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Spirit" value="17" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Spirit" value="18" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Spirit" value="19" /> <span></span> <input type="radio" class="sheet-defaultRadioBox" name="attr_Spirit" value="20" /> <span></span> <button class="sheet-diebutton-api" type="roll" title="Rolls Physical" value='!wta skill r@{MonsterRage} s@{spirit} m?{Modifiers|0} t~spirit ~ c~@{character_name} ~' name="roll_PhysicalApi"></button> </div> </td> </tr> </div> Finally, this is the CSS code I have .charsheet input[type="hidden"].sheet-toggler:not([value="1"]) ~ div.sheet-to-hide { display: none; } As I said, I've used what is essentially exactly the same on a different sheet before, and it worked fine, but here I must have done something wrong, as nothing changes when I tick or untick the boxes. Any ideas?
1695238078

Edited 1695238251
GiGs
Pro
Sheet Author
API Scripter
Can you describe what you expect to happen that is not happening? Also, do you know if yiur new sheet is using legacy or CSE code? Does it start working if you change class="toggler" and class="to-hide" in the HTML  to class="sheet-toggler" and class="sheet-to-hide"?
1695238391
Chris Jones
Pro
Sheet Author
This is using legacy code. What want to happen is that when you tick the relevant box, the relevant Attribute section appears, when it's unpicked, that section becomes invisible - this way DMs can have the right attributes on the sheet
1695240408

Edited 1695240462
Scott C.
Forum Champion
Sheet Author
API Scripter
Compendium Curator
I think your problem is the CSS selector you're using in your style: .charsheet input[type="hidden"].sheet-toggler:not([value="1"]) ~ div.sheet-to-hide { display: none; } Here, you are telling it that if toggler does not have a value of 1, then any div with the sheet-to-hide class on it should be hidden. This means that if your first checkbox isn't checked, then all the divs will be hidden, so the only one that could ever display is the first one. To fix this, you just need to replace `~` with `+`. You can also drastically simplify this css rule. Right now it's got a lot of extra specificity that isn't needed, and could cause you pain down the road as you do more styling. Taking both of those things into account your css would look like: .charsheet .sheet-toggler:not([value="1"]) + .sheet-to-hide { display: none; } And then, not related to your current issue, but I HIGHLY recommend changing your attribute naming scheme. PascalCase and camelCase do not work well with sheetworker listeners as the event listener in the sheetworker needs to be all lowercase, regardless of what the attribute name is. This then causes an organizational problem where you have different casing depending on the use case. My preferred naming schema is snake_case for attribute and roll button names, and kebab-case for action button names. Even if you aren't using sheetworkers currently, you almost certainly will at some point, and you'll be much happier working with them if your attribute names are already named in a sheetworker compatible fashion.
1695243793
Chris Jones
Pro
Sheet Author
Thanks for that, unfortunately it still doesn't do anything when I check or uncheck the boxes - all the attributes remain on my sheet. I tried it with both the new CSS, and just editing the + sign into my old one (I also updated all the attribute names in my HTML to all lowercase formating)
1695253500
Scott C.
Forum Champion
Sheet Author
API Scripter
Compendium Curator
oh, I see another issue. You have your checkboxes checked by default. The hidden version must have it's value set to match the initial check state of the checkbox (1 in your case).
1695276439
Chris Jones
Pro
Sheet Author
Nope, still not seeing any changes on the sheet!
1695304274
Finderski
Pro
Sheet Author
Compendium Curator
Your CSS is looking for a value of 1, but your html sets the value of the input for 0 when it's checked. You need to change that html to have the input have a value of "1" instead of "0". CHANGE this: <input type="hidden" class="toggler" name="attr_StandardAttribute" value="0"> TO this: <input type="hidden" class="toggler" name="attr_StandardAttribute" value="1">
1695310765
Chris Jones
Pro
Sheet Author
Unfortunately for me, i'd already made that change, and I'm still not seeing any changes to my sheet when I check/uncheck those top boxes.  Based on the feedback so far, this is the code I have in my sheet at the moment: The three checkboxes: <h4 style="display:inline-block">Spirit Power: </h4> <input type="checkbox" name="attr_powerattribute" value="1" title="Check to display standard Attributes." style="display:inline-block; width:20px; margin-right: 110px" /><Span class="sheet-block-text"></span> <h4 style="display:inline-block">Simplified Attributes: </h4> <input type="checkbox" name="attr_simpleattributes" value="1" title="Check to display simplified Attributes." style="display:inline-block; width:20px; margin-right: 100px" /><Span class="sheet-block-text"></span> <h4 style="display:inline-block">Standard Attributes: </h4> <input type="checkbox" name="attr_standardattribute" value="1" title="Check to display Spirit Power." style="display:inline-block; width:20px; margin-right: 35px" /><Span class="sheet-block-text"></span> And my attribute sections (I've only shown one example here, as other than the attribute name and the content, they're identical) <input type="hidden" class="toggler" name="attr_powerattribute" value="1"> <div class="to-hide"> <tr> <td colspan="6" style="text-align: center;"> <h4 >Spirit Power</h4> </td> </tr> <tr> <td style="text-align: center" colspan="6"> <div class="sheet-row" > ATTRIBUTE CONTENT </div> </td>         </tr> </div> And finally, the CSS is now as follows: .charsheet .sheet-toggler:not([value="1"]) + .sheet-to-hide { display: none; } But as I said, even with this setup, when I change the checkbox status, nothing happens :(
1695312656

Edited 1695312709
GiGs
Pro
Sheet Author
API Scripter
You have value="1" now, but i think Finderskills suggestion was based on your earlier checkboxes being checked. They aren't checked now, so you should go back to value="0" You want the hidden inputs to have the same initial values as your checkboxes. Also, after making that change, you should create a new character and try that one. It's possible that a character can become corrupt, if you have been making lots of sheet edits, and things that should work no longer work on that character. Report back if this changes anything.
1695313149
GiGs
Pro
Sheet Author
API Scripter
I just tested it with the last code you provided, and the value reset as i suggested, and it worked perfectly for me. So make sure you try with a new character.
1695316775
Chris Jones
Pro
Sheet Author
So this is the damndest thing - when I copy just the excerpts above into my sheet it works, however when I keep that section of code identical, but include it with the full sheet of HTML and CSS, it doesn't work! Is there anything I should look for elsewhere that could be breaking this?
1695318523
Scott C.
Forum Champion
Sheet Author
API Scripter
Compendium Curator
If you have those attributes duplicated somewhere else they could be interferring if their starting value isn't correct. But really, no way to tell without seeing the code. You can share it via a github gist, bitbucket, etc.
1695321942

Edited 1695322375
GiGs
Pro
Sheet Author
API Scripter
Do you have any other CSS with .sheet-to-hide and a display command inside it? You could have something that is overriding the display:none command, if it has enough specificity to override this block. Also, if you the code above works, but your full sheet doesn't, the problem definitely exists somewhere in teh code you haven't shared. If you can't narrow down the issue,maybe the only thing to do now is to post the entire HTML and CSS somewhere, and link to it here, and hope someone else has time to install and look for the problem. Which I see now is what Scott suggested ;)
1695323989
Chris Jones
Pro
Sheet Author
Nope, i don't have any other sheet-to-hide commands in my CSS - I have some health-hide code in there, but that's all that I can see. The strange thing is that this is recycled code - I've got this running in another sheet just fine. Anyway, my HTML, CSS, etc is all contained in this google drive folder:&nbsp; <a href="https://drive.google.com/drive/folders/1-ILQKhsC1znLxmcs_tkFr3VHV6Gz95eB?usp=drive_link" rel="nofollow">https://drive.google.com/drive/folders/1-ILQKhsC1znLxmcs_tkFr3VHV6Gz95eB?usp=drive_link</a> I know the sheet is pretty messy (I've been learning as I go!), but hopefully someone can see why these checkboxes aren't working.
1695331135
Scott C.
Forum Champion
Sheet Author
API Scripter
Compendium Curator
The issue is that you are using tables. Tables can only have certain types of html elements directly in the table (or the tbody). Divs are not a valid html element type to be directly in a table, so the browser is removing your to-hide div, leaving you with just tr elements left. I am also assuming that you are planning to release this for others to use. With that in mind, I would 1) get rid of all use of tables, and 2) move your API script functionality into custom roll parsing functions directly on the sheet. Removing tables Use of tables for layout makes your sheet ineligible for the Roll20 repository. Additionally, tables are just a pain in the butt to style, layout, and make responsive; not to mention the unexpected results they give when mixed with other pieces of html/css. They were used for layout years ago because HTML/CSS didn't have anything better. Now a days, we have CSS flexbox, CSS grid, and CSS multi-columns to handle pretty much all of our layout needs. I believe GiGs has an excellent intro to using Grid and Flexbox on his blog. API to Custom Roll Parsing Functions It used to be that character sheets couldn't do anything that needed complex rolls, but with custom roll parsing we can do anything that the API can do when it comes to outputting rolls. There are some gotchas with custom roll parsing, but compared to writing a full API script CRP is much simpler. The only thing that the API can do now a days that a sheet can't natively is manipulate other objects on Roll20.
1695332967
Chris Jones
Pro
Sheet Author
I did wonder if the tables might be a part of it - I'll have to see how I can remove them. I was aware that Roll20 wouldn't allow this type of sheet, so while I'm happy to share it with Pro users (who can use the API), I wasn't intending to make it a publically available sheet - too much work to remove the tables and create all the simple rolls! Thanks for the help! Really appreciated :)
1695334059
GiGs
Pro
Sheet Author
API Scripter
Scott C. said: The issue is that you are using tables. When I noticed tables were being used, I did wonder if that was the issue. thanks for the explanation of why. Chris Jones said: I did wonder if the tables might be a part of it - I'll have to see how I can remove them. CSS Grid uses less code than tables, you can nest grids inside each other, and you have more easy control of the dimensions of your columns.&nbsp; Here are two explanatory articles: <a href="https://cybersphere.me/dont-use-table-use-grid/" rel="nofollow">https://cybersphere.me/dont-use-table-use-grid/</a> <a href="https://cybersphere.me/css-grid/" rel="nofollow">https://cybersphere.me/css-grid/</a>