ISSUE SOLVED Hello everyone! I've been searching the forums far and wide, but nothing came up about this, so I'm just posting here hoping for help. I'm not a PRO, but I'm helping a friend of mine with the sheet worker part of a custom sheet. The sheet contains multiple tabs in the main section and should have tabs in one of the inner sections. At the moment our HTML code looks like this: <!DOCTYPE html> <html> <head> <link href="/style.css" type="text/css" rel="stylesheet"> </head> <body> <div class="sheet-row"> <div> <button type="action" name="act_a" >a</button> <button type="action" name="act_b" >b'</button> <button type="action" name="act_c" >c' SPECIALI</button> <button type="action" name="act_d" >d</button> </div> <input type='hidden' class='sheet-tabstoggle' name='attr_sheetTab' value='a' /> <input type='hidden' class='sheet-tabstoggle' name='attr_sheetTab' value='b' /> <input type='hidden' class='sheet-tabstoggle' name='attr_sheetTab' value='c' /> <input type='hidden' class='sheet-tabstoggle' name='attr_sheetTab' value='d' /> <div class='sheet-a'> stuff </div> <hr/> <div class='sheet-b'> stuff </div> <hr/> <div class='sheet-c'> <div> <button type="action" name="act_e" >e</button> <button type="action" name="act_f" >f</button> <button type="action" name="act_g" >g</button> <button type="action" name="act_h" >h</button> <button type="action" name="act_i" >i</button> </div> <input type='hidden' class='sheet-tabstoggle' name='attr_sheetTab1' value='e' /> <input type='hidden' class='sheet-tabstoggle' name='attr_sheetTab1' value='f' /> <input type='hidden' class='sheet-tabstoggle' name='attr_sheetTab1' value='g' /> <input type='hidden' class='sheet-tabstoggle' name='attr_sheetTab1' value='h' /> <input type='hidden' class='sheet-tabstoggle' name='attr_sheetTab1' value='i' /> <div class='sheet-e'> stuff </div> <div class='sheet-f'> stuff </div> <div class='sheet-g'> stuff </div> <div class='sheet-h'> stuff </div> <div class='sheet-i'> stuff </div> </div> <hr/> <div class='sheet-d'> stuff </div> </div> <script type="text/worker"> const buttonlist = ["a","b","c","d"]; buttonlist.forEach(button => { on(`clicked:${button}`, function() { setAttrs({ sheetTab: button }); }); }); const buttonlist1 = ["e","f","g","h","i"]; buttonlist1.forEach(button => { on(`clicked:${button}`, function() { setAttrs({ sheetTab1: button }); }); }); </script> </html> As long as I leave only the first part of the worker (the one for "buttonlist"), it all works nice and fine, but as soon as i add the second part (the one for "buttonlist1") only the main tabs work and not those in the inner section. I've even tried to separate the workers - using two "<script></script>" sections - but to no avail. Please keep in mind that the sheet has a GrdiLayout, using rows and columns, with a matching and working CSS file. Could any of you, kind souls, look into it and point me towards any mistake I've made? Thanks in advance for your kindness and availability!
