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

repeating field add / mod buttons in weird spots

1689237156

Edited 1689238064
I've fixed this before... but I don't know HOW I've fixed it... This is my CSS: div.sheet-equipped-grid {   display: grid;   width: 827px;     grid-gap: 5px;   grid-template-columns: 275px 275px 275px;   grid-template-rows: auto auto auto auto;   grid-template-areas:       "header header header"     "armor  armor  armor"     "melee  melee  melee"     "weapons weapons weapons"; } div.sheet-equipped-weapons {   grid-area: weapons;   display: grid;   grid-template-columns: 120px 60px 60px 52px 52px 52px 52px 52px 52px 62px 52px 75px;   grid-auto-rows: 28px;   grid-gap: 4px;         color: #278bce; } This is the HTML: div class="sheet-equipped">     <div class="sheet-equipped-grid">         <div class="sheet-equipped-armor sheet-block">         </div> *** skip this code ** <div class="sheet-equipped-weapons">               <fieldset class="repeating_equippedweapons">             <div class="sheet-equipped-grid">               <div class="sheet-equipped-weapons">                   <!-- WEAPON 1 HEADERS -->                 <button class="sheet-button-rollc" style="width: 95px;" type="roll" value="&{template:default} {{name=@{character_name} attacks with @{equippedweaponname}}} {{Attack Roll=[[1d20+@{equippedweaponattribute}+@{equippedweapontohit}]] }} {{Damage=[[(@{equippedweapondamage}+@{equippedweaponbonusdamage})*@{equippedweapondamagemultiplier}]]}} {{P+=@{equippedweaponpplus}}} {{RF Damage=[[((@{equippedweapondamage}+@{equippedweaponbonusdamage})*@{equippedweapondamagemultiplier})*@{equippedweaponrf}]]}} {{RoF=@{equippedweaponrof}}} {{Ammo=@{equippedweaponammo}}} {{Tech Level=@{equippedweapontechlevel}}} {{Notes=@{equippedweaponnotesdata} }}"><span class="sheet-blue-color sheet-center" style="color:#278bce; font-size: small;">Fire Weapon</span></button>                 <b class="sheet-blue-color sheet-center" title="This is damage determined from weapon's Tech Level on the Dice Progression Chart.">Damage</b>                 <b class="sheet-blue-color sheet-center" title="Damage Multiplier based on Tech Level and blueprint.">Multi.</b>                 <b class="sheet-blue-color sheet-center" title="Any Bonus Damage before multiplier">Damage+</b>                 <b class="sheet-blue-color sheet-center" title="Weapons Penetration Plus">P+</b>                 <b class="sheet-blue-color sheet-center" title="Weapon's possible Rate of Fire">RoF</b>                 <b class="sheet-blue-color sheet-center" title="Rapid Fire - fires all remained rounds. +10 To Hit, 50% damage">R.F.</b>                 <b class="sheet-blue-color sheet-center" title="Your Current Ammo (Your max ammo should be listed in notes)">Ammo</b>                 <b class="sheet-blue-color sheet-center" title="Your Weapon's Effective Range">Range</b>                 <b class="sheet-blue-color sheet-center" title="Your Weapons To Hit Bonus (TH+)">TH+</b>                 <!-- <b class="sheet-blue-color sheet-center" title="Other bonuses To Hit">Attk+</b> -->                 <b class="sheet-blue-color sheet-center" title="Your Weapon's TL (For quick reference)">TL</b>                 <b class="sheet-blue-color sheet-center" title="Relevant Attribute for use of the weapon">Attribute</b>                           <!-- WEAPON TOTALS -->                 <!-- <input class="sheet-inputfield52" value="Stat Array" type="text" style="width: 75px;" title="This row is what is rolled from." disabled> -->                 <input class="sheet-inputfield120 sheet-blue-color sheet-center" name="attr_equippedweaponname" value="Weapon Name" title="Weapons Name" type="text">                 <input class="sheet-inputfield52 sheet-blue-color sheet-center" name="attr_equippedweapondamage" value="0" title="Damage Dice" type="text" style="width: 52px;">                 <input class="sheet-inputfield52 sheet-blue-color sheet-center" name="attr_equippedweapondamagemultiplier" value="0" title="Multiplier" type="number">                 <input class="sheet-inputfield52 sheet-blue-color sheet-center" name="attr_equippedweaponbonusdamage" value="0" title="Bonus Damage" type="number">                 <input class="sheet-inputfield52 sheet-blue-color sheet-center" name="attr_equippedweaponpplus" value="0" title="Weapon's P+" type="number">                 <input class="sheet-inputfield52 sheet-blue-color sheet-center" name="attr_equippedweaponrof" value="0" title="Weapon's Rate of Fire" type="text">                 <input class="sheet-inputfield52 sheet-blue-color sheet-center" name="attr_equippedweaponrf" value="0" title="Rapid Fire fires all available ammo as a dice multiplier. If there are 8 shots left, then it is 1D8. If there are 20 shots left, then it is 1D20. The +TH is a bonus to this +1TH = 1D8+1, is the dice size." type="text">                 <input class="sheet-inputfield52 sheet-blue-color sheet-center" name="attr_equippedweaponammo" value="0" title="Ammo/Charges" type="number">                 <input class="sheet-inputfield52 sheet-blue-color sheet-center" name="attr_equippedweaponrange" value="0" title="Weapon's Effective Range" type="text">                 <input class="sheet-inputfield52 sheet-blue-color sheet-center" name="attr_equippedweapontohit" value="0" title="Weapons inherent bonus to hit" type="text">                 <!-- <input class="sheet-inputfield52 sheet-blue-color sheet-center" name="attr_ranged_attack_bonus" value="0" title="Additional Ranged Attack Bonus" type="number" > -->                 <input class="sheet-inputfield52 sheet-blue-color sheet-center" name="attr_equippedweapontechlevel" value="0" title="Tech Level for quick reference" value="1" type="text">                 <select class="sheet-dropdown sheet-blue-color sheet-center sheet-blue-color" name="attr_equippedweaponattribute" title="Attack Roll Attribute.">                   <option class="sheet-dropdown sheet-blue-color" style="background-color:#000005;" value="@{strength}">Strength</option>                   <option class="sheet-dropdown sheet-blue-color" style="background-color:#000005;" value="@{dexterity}">Dexterity</option>                   <option class="sheet-dropdown sheet-blue-color" style="background-color:#000005;" value="@{constitution}">Constitution</option>                   <option class="sheet-dropdown sheet-blue-color" style="background-color:#000005;" value="@{intelligence}">Intelligence</option>                   <option class="sheet-dropdown sheet-blue-color" style="background-color:#000005;" value="@{wisdom}">Wisdom</option>                   <option class="sheet-dropdown sheet-blue-color" style="background-color:#000005;" value="@{charisma}">Charisma</option>                   <option class="sheet-dropdown sheet-blue-color" style="background-color:#000005;" value="@{attributedropdownnone}">None</option>                 </select>                         <b class="sheet-blue-color sheet-center">Notes:</b>                 <input class="sheet-inputfield" name="attr_equippedweaponnotesdata" title="Description of weapon, any notes, etc." type="text" style="column-span: 2; width: 665px; color:#278bce;">                       </div>             </div>           </fieldset>         </div>     </div>               </div> The add modify buttons are not in honor with the grid areas.  As you can see they stick behind, and to the first grid area, and do not use all 3 areas.
1689249197

Edited 1689249214
GiGs
Pro
Sheet Author
API Scripter
You'll probably have to post the entire sheet's HTML and CSS in another comment (post links to them, not the full code). It looks like some other CSS is interfering. Also your &lt;div class="sheet-equipped-weapons"&gt; should probably be inside the fieldset not outside of it. The entire fieldset will be regarded as one child of the parent grid, and fieldsets in roll20 are weird. See here: <a href="https://cybersphere.me/styling-a-repeating-section-css/" rel="nofollow">https://cybersphere.me/styling-a-repeating-section-css/</a>
Got it fixed. IT was getting confused with a div outside of the fieldset and inside the fieldset being the same. So it went full derp. No outside div and it worked.
1689359713
GiGs
Pro
Sheet Author
API Scripter
Oh yes, I've done that before.