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

[Help Needed] Altering a repeating section is not going to plan.

Good day, I am running a game in which, I have taken the Pathfinder (Simplified) character sheets code, and modified it to add extra functionality for my players, at their request. I have been working on adding a section to the repeating spells section under the "Show Description" part to allow players to list descriptors, material costs, components, and other such handy information for their spells, but I have been completely unable to do so, as no matter what I do, it just does not seem to work. I am moderately experienced with HTML code, but these repeating sections are the part I struggle with. The code is below, and I would really appreciate it if someone can post some code that would add a section to the "Show Description" segment (So it only shows when the checkbox is ticked), or even just explain how I can do so. Pretty much the goal is to have 8 segments, each at 10% width, centered, with an input box under some title headers. Just like the main part of the code below, but inside the checkbox segment. Cheers for any assistance given, Shannon Pasco. <div class="sheet-lvl-0-spells">                     <div class="sheet-table">                         <span class="sheet-table-name">Level 0 Spells</span>                         <div class="sheet-table-row">                             <span class="sheet-table-header" style="width:5%;">Used</span>                             <span class="sheet-table-header" style="width:5%;">Prepped</span>                             <span class="sheet-table-header" style="width:20%;">Name</span>                             <span class="sheet-table-header" style="width:15%;">School</span>                             <span class="sheet-table-header" style="width:10%;">Duration</span>                             <span class="sheet-table-header" style="width:10%;">Range</span>                             <span class="sheet-table-header" style="width:10%;">Save/DC</span>                             <span class="sheet-table-header" style="width:6%;">SR</span>                             <span class="sheet-table-header" style="width:10%;">Damage</span>                             <span class="sheet-table-header" style="width:9%">Roll it</span>                             </br>                         </div>                     </div>                     <div class="sheet-table">                         <fieldset class="repeating_lvl-0-spells">                             <span class="sheet-table-data-center" style="width:5%;"><input title="repeating_lvl-0-spells_$X_used" type="number" name="attr_repeating_lvl-0-spells_X_used" value="0"></span>                             <span class="sheet-table-data-center" style="width:5%;"><input title="repeating_lvl-0-spells_$X_used|max" type="number" name="attr_repeating_lvl-0-spells_X_used|max" value="0"></span>                             <span class="sheet-table-data-center" style="width:20%;"><input title="repeating_lvl-0-spells_$X_name" type="text" name="attr_repeating_lvl-0-spells_X_name"></span>                             <span class="sheet-table-data-center" style="width:15%;"><input title="repeating_lvl-0-spells_$X_school" type="text" name="attr_repeating_lvl-0-spells_X_school"></span>                             <span class="sheet-table-data-center" style="width:10%;"><input title="repeating_lvl-0-spells_$X_duration" type="text" name="attr_repeating_lvl-0-spells_X_duration"></span>                             <span class="sheet-table-data-center" style="width:10%;"><input title="repeating_lvl-0-spells_$X_range" type="text" name="attr_repeating_lvl-0-spells_X_range"></span>                             <span class="sheet-table-data-center" style="width:10%;"><input title="repeating_lvl-0-spells_$X_save" type="text" name="attr_repeating_lvl-0-spells_X_save"></span>                             <span class="sheet-table-data-center" style="width:6%;">                             <select title="repeating_lvl-0-spells_$X_sr" name="attr_sr">                             <option value="Yes">Yes</option>                             <option value="No" selected>No</option>                             </select>                             </span>                             <span class="sheet-table-data-center" style="width:10%;"><input title="repeating_lvl-0-spells_$X_splldmg" type="text" name="attr_repeating_lvl-0-spells_X_splldmg" value="0"></span>                             <span class="sheet-table-data-center"><button style="font-size:100%;" title="repeating_lvl-0-spells_$X_splldmg_roll" type="roll" value="/em @{character_name} casts @{repeating_lvl-0-spells_X_name} and does [[@{repeating_lvl-0-spells_X_splldmg}]] damage (SAVE: @{repeating_lvl-0-spells_X_save})" name="repeating_lvl-0-spells_X_splldmg_roll"></button></span>                         <b>Show Description?</b>                         <input type="checkbox" class="sheet-section-show" title="repeating_lvl-0-spells_$X_description-show" name="attr_description-show" value="1" style="opacity:1;width: 16px;height: 16px;position: relative;top: 0px;left: 0px;margin: 0px;cursor: pointer;z-index: 1;" checked/><span></span>                             <textarea class="sheet-section" title="repeating_lvl-0-spells_$X_description" name="attr_description"></textarea>                         </fieldset>                     </div>                 </div>
1463736091
Finderski
Plus
Sheet Author
Compendium Curator
Shannon, I'm not sure if what you want to do is possible. It may be, but it will take someone better at HTML/CSS than I am (I'm looking at you Brian) to tell you how.  But the reason I believe it is not possible is from the  CSS Wizardry thread where Brian showed how to style a repeating section. Within that post he stated: So, What Can You Not Do? You cannot: Change the "display" property on the original fieldset Change the text of the add, modify/done, or delete buttons Although you could set the opacity to 0 and display something else in their place, much like the radio/checkbox button styling in the first post, as well ass add ::before or ::after pseudo-elements to them. Change the "display" property of the add button after the user has pressed "Modify" once. Given that to hide/unhide something you need to change the display property, that's why I believe you can do what you are wanting to do (It would be cool if I'm wrong, though).