Button/Sheetworker not working

I have two buttons for nudging a number attribute up or down by 1, keeping it within the range of 0 to 4. I have other buttons just like these that are working fine, but I can't see why these aren't working. Can anyone please spot what's wrong/missing? Buttons and attr: <button type="action" name="act_cl4up" ></button> <button type="action" name="act_cl4down" ></button> <input type="number" name="attr_clfour" /> Sheetworkers:  on('clicked:cl4up', function() {     getAttrs(['clfour'], function(values) {         const clfournew = +values.clfour || 0;          setAttrs({            clfour:  Math.min( (clfournew + 1) , (4) )         });    }); }); on('clicked:cl4down', function() {     getAttrs(['clfour'], function(values) {         const clfournew = +values.clfour || 0;          setAttrs({            clfour:  Math.max( (clfournew - 1) , (0) )         });    }); }); 

Have you tried making the input readonly?  <input type="number" name="attr_clfour" value=0 readonly />

Just tried that and doesn't help. In fact I seem to remember that for the sheetworkers to affect it the attr can't be readonly or disabled.

Can you share code for one of the buttons that works? Comparing them might help to identify the issue. Do you have all sheetworkers inside a single <script> block? If you don't , they might not always work consistently. Did you to set the starting value to 0? If there is no initial value to the stat, maybe the thing doesn't work. Try change it to  <input type="number" name="attr_clfour" value="0" > and create a new character and see if it works.

All sheetworkers are in the same <script>. I think I've found the difference though - the new buttons and input are in a repeating section called 'csc'. How should the sheetworker code reflect this? I've tried the following, but still doesn't work:  on('clicked:repeating_csc:cl4up', function() {     getAttrs(['repeating_csc_clfour'], function(values) {         const repeating_csc_clfournew = +values.repeating_csc_clfour || 0;          setAttrs({            "repeating_csc_clfour":  Math.min( (repeating_csc_clfournew + 1) , (4) )         });    }); }); on('clicked:repeating_csc:cl4down', function() {     getAttrs(['repeating_csc_clfour'], function(values) {         const repeating_csc_clfournew = +values.repeating_csc_clfour || 0;          setAttrs({            "repeating_csc_clfour":  Math.max( (repeating_csc_clfournew - 1) , (0) )         });    }); }); 

Yeah, sheetworker stuff inside a Repeating Section are slight different, so there is probably a mistake there. Also show the html for the full repeating section

This is the repeating section in full: (Excuse the mess – I've had no html training and only ever use it for R20 character sheets) &nbsp;&lt;fieldset class="repeating_csc"&gt; &lt;input style="width:10px;" type="checkbox" class="sheet-toggle-show" /&gt;&lt;span&gt;&lt;label style="width:20px;"&gt;&lt;/label&gt; &lt;label style="width:80px;"&gt;Challenge&lt;/label&gt;&lt;/label&gt;&lt;input type="text" name="attr_chal" style="font-size:120%; width:375px; vertical-align:top; color:#00CED1;" /&gt; &lt;/span&gt; &lt;div class="sheet-body"&gt;&lt;br /&gt; &lt;table&gt; &nbsp; &nbsp; &lt;tr style="height:25px;"&gt; &nbsp; &nbsp; &lt;td style="width:5px;"&gt;&lt;/td&gt;&lt;td style="width:726px" colspan=19&gt;&lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td style="width:3px;"&gt;&lt;/td&gt; &nbsp; &nbsp; &lt;td style="width:41px;" rowspan=2&gt;&lt;/label&gt; &nbsp; &nbsp; &lt;input class="sheet-pr sheet-pr0" type="checkbox" name="attr_sumsc" value="0"&gt;&lt;!-- PR0 --&gt; &nbsp; &nbsp; &lt;input class="sheet-pr sheet-pr1" type="checkbox" name="attr_sumsc" value="1"&gt;&lt;!-- PR1 --&gt; &nbsp; &nbsp; &lt;input class="sheet-pr sheet-pr2" type="checkbox" name="attr_sumsc" value="2"&gt;&lt;!-- PR2 --&gt; &nbsp; &nbsp; &lt;input class="sheet-pr sheet-pr3" type="checkbox" name="attr_sumsc" value="3"&gt;&lt;!-- PR3 --&gt; &nbsp; &nbsp; &lt;input class="sheet-pr sheet-pr4" type="checkbox" name="attr_sumsc" value="4"&gt;&lt;!-- PR4 --&gt; &nbsp; &nbsp; &lt;input class="sheet-pr sheet-pr5" type="checkbox" name="attr_sumsc" value="5"&gt;&lt;!-- PR5 --&gt; &nbsp; &nbsp; &lt;input class="sheet-pr sheet-pr6" type="checkbox" name="attr_sumsc" value="6"&gt;&lt;!-- PR6 --&gt; &nbsp; &nbsp; &lt;input class="sheet-pr sheet-pr7" type="checkbox" name="attr_sumsc" value="7"&gt;&lt;!-- PR7 --&gt; &nbsp; &nbsp; &lt;input class="sheet-pr sheet-pr8" type="checkbox" name="attr_sumsc" value="8"&gt;&lt;!-- PR8 --&gt; &nbsp; &nbsp; &lt;input class="sheet-pr sheet-pr9" type="checkbox" name="attr_sumsc" value="9"&gt;&lt;!-- PR9 --&gt; &nbsp; &nbsp; &lt;input class="sheet-pr sheet-pr10" type="checkbox" name="attr_sumsc" value="10"&gt;&lt;!-- PR10 --&gt; &nbsp; &lt;div class="sheet-prshow-PR0"&gt;&lt;button style="width:35px; height:98px; border-color:transparent; background:url(<a href="https://i.imgur.com/BI8xc67.png" rel="nofollow">https://i.imgur.com/BI8xc67.png</a>);" class="blank-roll-button" type="roll" value="&amp;{template:pr} {{name=@{character_name}}} {{roll_name=Resolve}} {{progress=[[0]]}} {{challenge1=[[d10]]}} {{challenge2=[[d10]]}}" name="roll_sc"&gt;&lt;/button&gt;&lt;/div&gt; &nbsp; &lt;div class="sheet-prshow-PR1"&gt;&lt;button style="width:35px; height:98px; border-color:transparent; background:url(<a href="https://i.imgur.com/0pz2gPl.png" rel="nofollow">https://i.imgur.com/0pz2gPl.png</a>);" class="blank-roll-button" type="roll" value="&amp;{template:pr} {{name=@{character_name}}} {{roll_name=Resolve}} {{progress=[[1]]}} {{challenge1=[[d10]]}} {{challenge2=[[d10]]}}" name="roll_sc"&gt;&lt;/button&gt;&lt;/div&gt; &nbsp; &lt;div class="sheet-prshow-PR2"&gt;&lt;button style="width:35px; height:98px; border-color:transparent; background:url(<a href="https://i.imgur.com/3Hcy71e.png" rel="nofollow">https://i.imgur.com/3Hcy71e.png</a>);" class="blank-roll-button" type="roll" value="&amp;{template:pr} {{name=@{character_name}}} {{roll_name=Resolve}} {{progress=[[2]]}} {{challenge1=[[d10]]}} {{challenge2=[[d10]]}}" name="roll_sc"&gt;&lt;/button&gt;&lt;/div&gt; &nbsp; &lt;div class="sheet-prshow-PR3"&gt;&lt;button style="width:35px; height:98px; border-color:transparent; background:url(<a href="https://i.imgur.com/jgpeD6Y.png" rel="nofollow">https://i.imgur.com/jgpeD6Y.png</a>);" class="blank-roll-button" type="roll" value="&amp;{template:pr} {{name=@{character_name}}} {{roll_name=Resolve}} {{progress=[[3]]}} {{challenge1=[[d10]]}} {{challenge2=[[d10]]}}" name="roll_sc"&gt;&lt;/button&gt;&lt;/div&gt; &nbsp; &lt;div class="sheet-prshow-PR4"&gt;&lt;button style="width:35px; height:98px; border-color:transparent; background:url(<a href="https://i.imgur.com/fA3fXCU.png" rel="nofollow">https://i.imgur.com/fA3fXCU.png</a>);" class="blank-roll-button" type="roll" value="&amp;{template:pr} {{name=@{character_name}}} {{roll_name=Resolve}} {{progress=[[4]]}} {{challenge1=[[d10]]}} {{challenge2=[[d10]]}}" name="roll_sc"&gt;&lt;/button&gt;&lt;/div&gt; &nbsp; &lt;div class="sheet-prshow-PR5"&gt;&lt;button style="width:35px; height:98px; border-color:transparent; background:url(<a href="https://i.imgur.com/9szbPWg.png" rel="nofollow">https://i.imgur.com/9szbPWg.png</a>);" class="blank-roll-button" type="roll" value="&amp;{template:pr} {{name=@{character_name}}} {{roll_name=Resolve}} {{progress=[[5]]}} {{challenge1=[[d10]]}} {{challenge2=[[d10]]}}" name="roll_sc"&gt;&lt;/button&gt;&lt;/div&gt; &nbsp; &lt;div class="sheet-prshow-PR6"&gt;&lt;button style="width:35px; height:98px; border-color:transparent; background:url(<a href="https://i.imgur.com/w7qu1lW.png" rel="nofollow">https://i.imgur.com/w7qu1lW.png</a>);" class="blank-roll-button" type="roll" value="&amp;{template:pr} {{name=@{character_name}}} {{roll_name=Resolve}} {{progress=[[6]]}} {{challenge1=[[d10]]}} {{challenge2=[[d10]]}}" name="roll_sc"&gt;&lt;/button&gt;&lt;/div&gt; &nbsp; &lt;div class="sheet-prshow-PR7"&gt;&lt;button style="width:35px; height:98px; border-color:transparent; background:url(<a href="https://i.imgur.com/t88VDl5.png" rel="nofollow">https://i.imgur.com/t88VDl5.png</a>);" class="blank-roll-button" type="roll" value="&amp;{template:pr} {{name=@{character_name}}} {{roll_name=Resolve}} {{progress=[[7]]}} {{challenge1=[[d10]]}} {{challenge2=[[d10]]}}" name="roll_sc"&gt;&lt;/button&gt;&lt;/div&gt; &nbsp; &lt;div class="sheet-prshow-PR8"&gt;&lt;button style="width:35px; height:98px; border-color:transparent; background:url(<a href="https://i.imgur.com/vaMaJxJ.png" rel="nofollow">https://i.imgur.com/vaMaJxJ.png</a>);" class="blank-roll-button" type="roll" value="&amp;{template:pr} {{name=@{character_name}}} {{roll_name=Resolve}} {{progress=[[8]]}} {{challenge1=[[d10]]}} {{challenge2=[[d10]]}}" name="roll_sc"&gt;&lt;/button&gt;&lt;/div&gt; &nbsp; &lt;div class="sheet-prshow-PR9"&gt;&lt;button style="width:35px; height:98px; border-color:transparent; background:url(<a href="https://i.imgur.com/dXvaZSp.png" rel="nofollow">https://i.imgur.com/dXvaZSp.png</a>);" class="blank-roll-button" type="roll" value="&amp;{template:pr} {{name=@{character_name}}} {{roll_name=Resolve}} {{progress=[[9]]}} {{challenge1=[[d10]]}} {{challenge2=[[d10]]}}" name="roll_sc"&gt;&lt;/button&gt;&lt;/div&gt; &nbsp; &lt;div class="sheet-prshow-PR10"&gt;&lt;button style="width:35px; height:98px; border-color:transparent; background:url(<a href="https://i.imgur.com/NKT9uB1.png" rel="nofollow">https://i.imgur.com/NKT9uB1.png</a>);" class="blank-roll-button" type="roll" value="&amp;{template:pr} {{name=@{character_name}}} {{roll_name=Resolve}} {{progress=[[10]]}} {{challenge1=[[d10]]}} {{challenge2=[[d10]]}}" name="roll_sc"&gt;&lt;/button&gt;&lt;/div&gt; &nbsp; &nbsp; &lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &lt;/tr&gt; &nbsp; &nbsp; &lt;tr&gt;&lt;td style="width:5px;"&gt;&lt;/td&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-prog-box"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b0" name="attr_cprogcbox01" value="0" checked&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b1" name="attr_cprogcbox01" value="1"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b2" name="attr_cprogcbox01" value="2"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b3" name="attr_cprogcbox01" value="3"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b4" name="attr_cprogcbox01" value="4"&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b0"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/3Q6GTGz.png" rel="nofollow">https://i.imgur.com/3Q6GTGz.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b1"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/TkdtOZJ.png" rel="nofollow">https://i.imgur.com/TkdtOZJ.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b2"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/brNypEt.png" rel="nofollow">https://i.imgur.com/brNypEt.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b3"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/JqhxMBF.png" rel="nofollow">https://i.imgur.com/JqhxMBF.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b4"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/0ZXoMxe.png" rel="nofollow">https://i.imgur.com/0ZXoMxe.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td style="width:4px;"&gt;&lt;/td&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-prog-box"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b0" name="attr_cprogcbox02" value="0" checked&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b1" name="attr_cprogcbox02" value="1"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b2" name="attr_cprogcbox02" value="2"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b3" name="attr_cprogcbox02" value="3"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b4" name="attr_cprogcbox02" value="4"&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b0"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/3Q6GTGz.png" rel="nofollow">https://i.imgur.com/3Q6GTGz.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b1"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/TkdtOZJ.png" rel="nofollow">https://i.imgur.com/TkdtOZJ.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b2"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/brNypEt.png" rel="nofollow">https://i.imgur.com/brNypEt.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b3"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/JqhxMBF.png" rel="nofollow">https://i.imgur.com/JqhxMBF.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b4"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/0ZXoMxe.png" rel="nofollow">https://i.imgur.com/0ZXoMxe.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td style="width:4px;"&gt;&lt;/td&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-prog-box"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b0" name="attr_cprogcbox03" value="0" checked&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b1" name="attr_cprogcbox03" value="1"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b2" name="attr_cprogcbox03" value="2"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b3" name="attr_cprogcbox03" value="3"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b4" name="attr_cprogcbox03" value="4"&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b0"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/3Q6GTGz.png" rel="nofollow">https://i.imgur.com/3Q6GTGz.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b1"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/TkdtOZJ.png" rel="nofollow">https://i.imgur.com/TkdtOZJ.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b2"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/brNypEt.png" rel="nofollow">https://i.imgur.com/brNypEt.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b3"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/JqhxMBF.png" rel="nofollow">https://i.imgur.com/JqhxMBF.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b4"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/0ZXoMxe.png" rel="nofollow">https://i.imgur.com/0ZXoMxe.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td style="width:4px;"&gt;&lt;/td&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-prog-box"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b0" name="attr_cprogcbox04" value="0" checked&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b1" name="attr_cprogcbox04" value="1"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b2" name="attr_cprogcbox04" value="2"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b3" name="attr_cprogcbox04" value="3"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b4" name="attr_cprogcbox04" value="4"&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b0"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/3Q6GTGz.png" rel="nofollow">https://i.imgur.com/3Q6GTGz.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b1"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/TkdtOZJ.png" rel="nofollow">https://i.imgur.com/TkdtOZJ.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b2"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/brNypEt.png" rel="nofollow">https://i.imgur.com/brNypEt.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b3"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/JqhxMBF.png" rel="nofollow">https://i.imgur.com/JqhxMBF.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b4"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/0ZXoMxe.png" rel="nofollow">https://i.imgur.com/0ZXoMxe.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td style="width:4px;"&gt;&lt;/td&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-prog-box"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b0" name="attr_cprogcbox05" value="0" checked&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b1" name="attr_cprogcbox05" value="1"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b2" name="attr_cprogcbox05" value="2"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b3" name="attr_cprogcbox05" value="3"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b4" name="attr_cprogcbox05" value="4"&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b0"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/3Q6GTGz.png" rel="nofollow">https://i.imgur.com/3Q6GTGz.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b1"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/TkdtOZJ.png" rel="nofollow">https://i.imgur.com/TkdtOZJ.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b2"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/brNypEt.png" rel="nofollow">https://i.imgur.com/brNypEt.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b3"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/JqhxMBF.png" rel="nofollow">https://i.imgur.com/JqhxMBF.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b4"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/0ZXoMxe.png" rel="nofollow">https://i.imgur.com/0ZXoMxe.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td style="width:4px;"&gt;&lt;/td&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-prog-box"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b0" name="attr_cprogcbox06" value="0" checked&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b1" name="attr_cprogcbox06" value="1"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b2" name="attr_cprogcbox06" value="2"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b3" name="attr_cprogcbox06" value="3"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b4" name="attr_cprogcbox06" value="4"&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b0"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/3Q6GTGz.png" rel="nofollow">https://i.imgur.com/3Q6GTGz.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b1"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/TkdtOZJ.png" rel="nofollow">https://i.imgur.com/TkdtOZJ.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b2"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/brNypEt.png" rel="nofollow">https://i.imgur.com/brNypEt.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b3"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/JqhxMBF.png" rel="nofollow">https://i.imgur.com/JqhxMBF.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b4"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/0ZXoMxe.png" rel="nofollow">https://i.imgur.com/0ZXoMxe.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td style="width:4px;"&gt;&lt;/td&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-prog-box"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b0" name="attr_cprogcbox07" value="0" checked&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b1" name="attr_cprogcbox07" value="1"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b2" name="attr_cprogcbox07" value="2"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b3" name="attr_cprogcbox07" value="3"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b4" name="attr_cprogcbox07" value="4"&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b0"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/3Q6GTGz.png" rel="nofollow">https://i.imgur.com/3Q6GTGz.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b1"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/TkdtOZJ.png" rel="nofollow">https://i.imgur.com/TkdtOZJ.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b2"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/brNypEt.png" rel="nofollow">https://i.imgur.com/brNypEt.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b3"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/JqhxMBF.png" rel="nofollow">https://i.imgur.com/JqhxMBF.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b4"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/0ZXoMxe.png" rel="nofollow">https://i.imgur.com/0ZXoMxe.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td style="width:4px;"&gt;&lt;/td&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-prog-box"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b0" name="attr_cprogcbox08" value="0" checked&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b1" name="attr_cprogcbox08" value="1"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b2" name="attr_cprogcbox08" value="2"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b3" name="attr_cprogcbox08" value="3"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b4" name="attr_cprogcbox08" value="4"&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b0"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/3Q6GTGz.png" rel="nofollow">https://i.imgur.com/3Q6GTGz.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b1"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/TkdtOZJ.png" rel="nofollow">https://i.imgur.com/TkdtOZJ.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b2"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/brNypEt.png" rel="nofollow">https://i.imgur.com/brNypEt.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b3"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/JqhxMBF.png" rel="nofollow">https://i.imgur.com/JqhxMBF.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b4"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/0ZXoMxe.png" rel="nofollow">https://i.imgur.com/0ZXoMxe.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td style="width:4px;"&gt;&lt;/td&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-prog-box"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b0" name="attr_cprogcbox09" value="0" checked&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b1" name="attr_cprogcbox09" value="1"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b2" name="attr_cprogcbox09" value="2"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b3" name="attr_cprogcbox09" value="3"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b4" name="attr_cprogcbox09" value="4"&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b0"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/3Q6GTGz.png" rel="nofollow">https://i.imgur.com/3Q6GTGz.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b1"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/TkdtOZJ.png" rel="nofollow">https://i.imgur.com/TkdtOZJ.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b2"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/brNypEt.png" rel="nofollow">https://i.imgur.com/brNypEt.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b3"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/JqhxMBF.png" rel="nofollow">https://i.imgur.com/JqhxMBF.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b4"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/0ZXoMxe.png" rel="nofollow">https://i.imgur.com/0ZXoMxe.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td style="width:4px;"&gt;&lt;/td&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-prog-box"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b0" name="attr_cprogcbox10" value="0" checked&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b1" name="attr_cprogcbox10" value="1"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b2" name="attr_cprogcbox10" value="2"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b3" name="attr_cprogcbox10" value="3"&gt; &nbsp; &nbsp; &lt;input type="radio" class="sheet-prog-box sheet-b4" name="attr_cprogcbox10" value="4"&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b0"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/3Q6GTGz.png" rel="nofollow">https://i.imgur.com/3Q6GTGz.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b1"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/TkdtOZJ.png" rel="nofollow">https://i.imgur.com/TkdtOZJ.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b2"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/brNypEt.png" rel="nofollow">https://i.imgur.com/brNypEt.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b3"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/JqhxMBF.png" rel="nofollow">https://i.imgur.com/JqhxMBF.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &lt;span class="sheet-prog-box sheet-b4"&gt;&lt;input style="width:69px; height:67px; border-color:transparent; background:url(<a href="https://i.imgur.com/0ZXoMxe.png" rel="nofollow">https://i.imgur.com/0ZXoMxe.png</a>);" type='text' disabled='true' name='attr_main' /&gt;&lt;/span&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/td&gt; &nbsp; &nbsp; &lt;/tr&gt; &lt;/table&gt; &lt;table&gt;&lt;tr&gt;&lt;td style="width:200px;"&gt; &nbsp;&lt;label style="width:45px;"&gt;RANK:&lt;/label&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;select name="attr_scrank" bold=true style="width:125px; color:#00CED1; background-color: rgba(0, 0, 0, 0.5);"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value="blank"&gt;&lt;/option&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value="tr"&gt;TROUBLESOME [12]&lt;/option&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value="da"&gt;DANGEROUS [8]&lt;/option&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value="fo"&gt;FORMIDABLE [4]&lt;/option&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value="ex"&gt;EXTREME [2]&lt;/option&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value="ep"&gt;EPIC [1]&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;td style="width:120px;"&gt; &lt;label style="width:50px;"&gt;CLOCK:&lt;/label&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;select name="attr_clock" bold=true style="width:40px; color:#00CED1; background-color: rgba(0, 0, 0, 0.5);"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value="0"&gt;&lt;/option&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value="1"&gt;4&lt;/option&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value="2"&gt;6&lt;/option&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value="3"&gt;8&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;td style="width:150px;"&gt; &nbsp; &nbsp; &lt;input class="sheet-cl sheet-cl0" type="checkbox" name="attr_clock" value="0"&gt;&lt;!-- CL0 --&gt; &nbsp; &nbsp; &lt;input class="sheet-cl sheet-cl1" type="checkbox" name="attr_clock" value="1"&gt;&lt;!-- CL1 --&gt; &nbsp; &nbsp; &lt;input class="sheet-cl sheet-cl2" type="checkbox" name="attr_clock" value="2"&gt;&lt;!-- CL2 --&gt; &nbsp; &nbsp; &lt;input class="sheet-cl sheet-cl3" type="checkbox" name="attr_clock" value="3"&gt;&lt;!-- CL3 --&gt; &nbsp; &nbsp; &lt;div class="sheet-clshow-CL0"&gt;&nbsp; &lt;/div&gt; &nbsp; &nbsp; &lt;div class="sheet-clshow-CL1"&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;input class="sheet-clf sheet-clf0" type="checkbox" name="attr_clfour" value="0"&gt;&lt;!-- CLF0 --&gt; &nbsp; &nbsp; &lt;input class="sheet-clf sheet-clf1" type="checkbox" name="attr_clfour" value="1"&gt;&lt;!-- CLF1 --&gt; &nbsp; &nbsp; &lt;input class="sheet-clf sheet-clf2" type="checkbox" name="attr_clfour" value="2"&gt;&lt;!-- CLF2 --&gt; &nbsp; &nbsp; &lt;input class="sheet-clf sheet-clf3" type="checkbox" name="attr_clfour" value="3"&gt;&lt;!-- CLF3 --&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &lt;input class="sheet-clf sheet-clf4" type="checkbox" name="attr_clfour" value="4"&gt;&lt;!-- CLF4 --&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-clfshow-CLF0"&gt; &lt;img src="<a href="https://i.imgur.com/9ukNXhq.png" rel="nofollow">https://i.imgur.com/9ukNXhq.png</a>"&gt; &lt;/div&gt; &nbsp; &nbsp; &lt;div class="sheet-clfshow-CLF1"&gt; &lt;img src="<a href="https://i.imgur.com/8kZ9Lry.png" rel="nofollow">https://i.imgur.com/8kZ9Lry.png</a>"&gt; &lt;/div&gt; &nbsp; &nbsp; &lt;div class="sheet-clfshow-CLF2"&gt; &lt;img src="<a href="https://i.imgur.com/ydyCxJs.png" rel="nofollow">https://i.imgur.com/ydyCxJs.png</a>"&gt; &lt;/div&gt; &nbsp; &nbsp; &lt;div class="sheet-clfshow-CLF3"&gt; &lt;img src="<a href="https://i.imgur.com/IAvYINR.png" rel="nofollow">https://i.imgur.com/IAvYINR.png</a>"&gt; &lt;/div&gt; &nbsp; &nbsp; &lt;div class="sheet-clfshow-CLF4"&gt; &lt;img src="<a href="https://i.imgur.com/6W42Q9E.png" rel="nofollow">https://i.imgur.com/6W42Q9E.png</a>"&gt; &lt;/div&gt; &lt;button type="action" style="width:15px; height:15px; border-color:rgba(0, 0, 0, 0.0); background-color:rgba(0, 0, 0, 0.0); object-fit:contain;" name="act_cl4up" &gt;&lt;img src="<a href="https://i.imgur.com/9E89ieD.png" rel="nofollow">https://i.imgur.com/9E89ieD.png</a>" &gt;&lt;/button&gt; &lt;button type="action" style="width:15px; height:15px; border-color:rgba(0, 0, 0, 0.0); background-color:rgba(0, 0, 0, 0.0); object-fit:contain;" name="act_cl4down" &gt;&lt;img src="<a href="https://i.imgur.com/6dnIjsU.png" rel="nofollow">https://i.imgur.com/6dnIjsU.png</a>" &gt;&lt;/button&gt; &nbsp; &lt;input type="number" name="attr_clfour" value=0 style="width:50px; background-color:rgba(0, 0, 0, 0.0); border-color:rgba(200, 0, 0, 1.0);" /&gt; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &lt;div class="sheet-clshow-CL2"&gt; &lt;img src="<a href="https://i.imgur.com/Qhl29w8.png" rel="nofollow">https://i.imgur.com/Qhl29w8.png</a>"&gt; &lt;/div&gt; &nbsp; &nbsp; &lt;div class="sheet-clshow-CL3"&gt; &lt;img src="<a href="https://i.imgur.com/j1g2CGX.png" rel="nofollow">https://i.imgur.com/j1g2CGX.png</a>"&gt; &lt;/div&gt; &lt;/td&gt; &lt;td style="width:175px;"&gt; &lt;label style="width:50px;"&gt;RESULT:&lt;/label&gt; &lt;select name="attr_scres" bold=true style="width:85px; color:#00CED1; background-color: rgba(0, 0, 0, 0.5);"&gt; &lt;option value="blank"&gt;&lt;/option&gt; &lt;option value="S"&gt;STRONG HIT&lt;/option&gt; &lt;option value="W"&gt;WEAK HIT&lt;/option&gt; &lt;option value="M"&gt;MISS&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;td style="width:150px;"&gt; &lt;label style="width:30px;"&gt;PCs:&lt;/label&gt;&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;input type="text" name="attr_scpcs" style="width:80px; vertical-align:middle; color:#00CED1;" /&gt;&nbsp; &nbsp; &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt; &lt;br /&gt;&nbsp; &nbsp;&nbsp; &lt;label style="width:200px;"&gt;NOTES&lt;/label&gt;&lt;br /&gt;&nbsp;&nbsp; &lt;div class="sheet-auto-expand" style="max-width:800px; min-width:800px; min-height:50px; color:#00CED1; font-weight:normal;"&gt; &lt;span name="attr_comnot"&gt;Notes&lt;/span&gt; &lt;textarea name="attr_scnot" style="max-width:800px; min-width:800px; min-height:50px; color:#00CED1; font-weight:normal;"&gt;&lt;/textarea&gt; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &lt;br /&gt; &lt;hr style="opacity:0.5;"&gt; &lt;/div&gt; &lt;/fieldset&gt;

I assume &lt;input class="sheet-clf sheet-clf0" type="checkbox" name="attr_clfour" value="0"&gt; are the old method you had for managing things, maybe remove/comment out the checkboxes and see it it improves the situation. Not that I really think it will help, but don't have other suggestions.

Nope, no effect. In any case I need that bit more than I need the buttons. But thanks anyway.

On my phone... If your new buttons are inside a repeating section, I believe your sheetworker will need to use getsectionId in order to set the proper repeating attributes. Check the wiki on sheetworkers with repeating sections. <a href="https://wiki.roll20.net/Sheet_Worker_Scripts#getSectionIDs.28section_name.2Ccallback.29" rel="nofollow">https://wiki.roll20.net/Sheet_Worker_Scripts#getSectionIDs.28section_name.2Ccallback.29</a>

Rich K. said: All sheetworkers are in the same &lt;script&gt;. I think I've found the difference though - the new buttons and input are in a repeating section called 'csc'. How should the sheetworker code reflect this? I've tried the following, but still doesn't work: &nbsp;on('clicked:repeating_csc:cl4up', function() { &nbsp; &nbsp; getAttrs(['repeating_csc_clfour'], function(values) { &nbsp; &nbsp; &nbsp; &nbsp; const repeating_csc_clfournew = +values.repeating_csc_clfour || 0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; setAttrs({ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;"repeating_csc_clfour":&nbsp; Math.min( (repeating_csc_clfournew + 1) , (4) ) &nbsp; &nbsp; &nbsp; &nbsp; }); &nbsp; &nbsp;}); }); on('clicked:repeating_csc:cl4down', function() { &nbsp; &nbsp; getAttrs(['repeating_csc_clfour'], function(values) { &nbsp; &nbsp; &nbsp; &nbsp; const repeating_csc_clfournew = +values.repeating_csc_clfour || 0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; setAttrs({ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;"repeating_csc_clfour":&nbsp; Math.max( (repeating_csc_clfournew - 1) , (0) ) &nbsp; &nbsp; &nbsp; &nbsp; }); &nbsp; &nbsp;}); });&nbsp; This syntax looks correct. You shouldn't need to use getSectionIDs if your button is drawing from attributes on the same row of the fieldset, though Vince raising that topic does remind me there might be a bug there. I notice that you are in a table, I have a vague recollection of tables sometimes causing issues with action buttons. For testing, I'd create a custom sheet which contains just a fieldset with ONLY the buttons and attributes you want to test, and see if you can get them working there.

GiGs said: I notice that you are in a table, I have a vague recollection of tables sometimes causing issues with action buttons. For testing, I'd create a custom sheet which contains just a fieldset with ONLY the buttons and attributes you want to test, and see if you can get them working there. After testing, it seems your suspicion about the &lt;table&gt; thing might be right, bc I made the above thing work when testing a barebones version: This works: &lt;fieldset class="repeating_csc"&gt; &lt;button type="action" name="act_cl4up" &gt;+&lt;/button&gt; &lt;button type="action" name="act_cl4down" &gt;-&lt;/button&gt; &lt;input type="number" name="attr_clfour" /&gt; &lt;/fieldset&gt; &lt;script type="text/worker"&gt; on('clicked:repeating_csc:cl4up', function() { getAttrs(['repeating_csc_clfour'], function(values) { const repeating_csc_clfournew = +values.repeating_csc_clfour || 0; setAttrs({ "repeating_csc_clfour": Math.min( (repeating_csc_clfournew + 1) , (4) ) }); }); }); on('clicked:repeating_csc:cl4down', function() { getAttrs(['repeating_csc_clfour'], function(values) { const repeating_csc_clfournew = +values.repeating_csc_clfour || 0; setAttrs({ "repeating_csc_clfour": Math.max( (repeating_csc_clfournew - 1) , (0) ) }); }); }); &lt;/script&gt; Yet one more reason why not to use &lt;table&gt; in roll20 sheets.

Yep, it was the table. Or rather, the table-within-repeating-field, because the function I modelled it on is in a table and works fine. Maybe someday I'll have the time and focus to learn to cope without tables... Thanks all!

When you start using CSS grid instead of tables, you'll wish you'd learned it sooner, since it needs so much less code. For instance, this creates a table of 5 columns, with the widths used in your second table above: div.fieldset-second-table { &nbsp;&nbsp;&nbsp;&nbsp;display: grid; &nbsp;&nbsp;&nbsp;&nbsp;grid-template-columns: 200px 120px 150px 175px 150px; } The above code, in your CSS page, replaces all the table, tr, and td entries in your table. It automatically organises all elements beneath the parent item into 5 columns, and assigns those columns the widths listed. Instead of this in the code &lt;table&gt; ... all your table elements &lt;/table&gt; you would have &lt;div class="fieldset-second-table&gt; ... all your table elements &lt;/div&gt; and every element one step below that div would automatically organise into 5 columns of the correct width. In your table it looks like you have multiple items inside a td sometimes, which is reasonable. For those, you'd need to swap the &lt;td&gt; for another container, like a &lt;div&gt;, but where there is a single item in the td, you can leave it as is, and you don't need any &lt;tr&gt; items at all. And that's it, you have replaced a table with a css grid. In the grid you might want to add a column-gap, to add some horizantal spacing between the rows, like div.fieldset-second-table { &nbsp;&nbsp;&nbsp;&nbsp;display: grid; &nbsp;&nbsp;&nbsp;&nbsp;grid-template-columns: 200px 120px 150px 175px 150px; &nbsp;&nbsp;&nbsp;&nbsp;column-gap: 5px; } And that's it. Once you start using Grid, you'll wonder how you did without it.

Very interesting! But I must be misunderstanding because I can't get it to work. If I put this in CSS: div.fieldset-second-table { &nbsp; &nbsp; display: grid; &nbsp; &nbsp; grid-template-columns: 200px 120px 150px 175px 150px;&nbsp; &nbsp; &nbsp; column-gap: 5px; } And this in the html: &lt;div class="fieldset-second-table"&gt; &lt;td&gt;&lt;label style="width:100px;"&gt;200&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;label style="width:100px;"&gt;120&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;label style="width:100px;"&gt;150&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;label style="width:100px;"&gt;175&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;label style="width:100px;"&gt;150&lt;/label&gt;&lt;/td&gt; &lt;/div&gt; The numbers should be unequally-spaced (because of the varying column widths), but instead they're equally-spaced (because of the uniform label widths). Where have I gone wrong? Tried it without the &lt;td&gt;s too in case I wasn't meant to put them in, but no difference.

Tips: Styling things in repeating sections: <a href="https://wiki.roll20.net/BCS/Repeating_Sections#Styling_Repeating_Sections" rel="nofollow">https://wiki.roll20.net/BCS/Repeating_Sections#Styling_Repeating_Sections</a> Intro to using CSS Grid in roll20: <a href="https://wiki.roll20.net/Designing_Character_Sheet_Layout#CSS_Grid" rel="nofollow">https://wiki.roll20.net/Designing_Character_Sheet_Layout#CSS_Grid</a> Rich K. said: Tried it without the &lt;td&gt;s too in case I wasn't meant to put them in, but no difference. &lt;td&gt; are only meant to be used in tables, just have the spans by themselves there. Sometimes when styling inputs, it makes things easier if they are placed inside &lt;div&gt; or &lt;span&gt; Where have I gone wrong? Nowhere. I added a border to the labels to make it more clear, and the sections do clearly have different width, it's just the elements inside each column happen to have uniform size. If you use the webdev tools in your browser , you can even inspect the Grid layout. &lt;div class="fieldset-second-table"&gt; &lt;label style="width:100px;"&gt;200&lt;/label&gt; &lt;label style="width:100px;"&gt;120&lt;/label&gt; &lt;label style="width:100px;"&gt;150&lt;/label&gt; &lt;label style="width:100px;"&gt;175&lt;/label&gt; &lt;label style="width:100px;"&gt;150&lt;/label&gt; &lt;/div&gt; div.fieldset-second-table { display: grid; grid-template-columns: 200px 120px 150px 175px 150px; column-gap: 5px; } div.fieldset-second-table * { border: 1px solid black; }

To add to Andreas' feedback, use spans instead of labels since those aren't actually labelling anything, and personally I avoid inline styling whenever possible as it then becomes impossible to override if you need to without using !important.