Hello,
I am trying to do something very similar to the 5e roll20 sheet where if you click on the weapon name in the chat, it acts like an API/Ability button and calls another roll template in chat to show damage. I tried looking through the 5e character sheet code... but its a bit noisy for my lack of knowledge.
Currently I have it partially there (I think). I have a roll template that works and it kicks out what I kind of want the button to look like (just need to bold it).
When I click on the text in the chat to roll the damage, it sends me to a 404 webpage. What I think I want it to do is to reference ANOTHER button within the same repeating section (thats hidden) that kicks out a roll template that rolls the damage dice.
I am thinking that I need to do something with the reference to the button and using that whole repeating_0_something referencing, but I am not certain.
Currently the second button is %geardamage and I am using [@{geardmg}](%geardamage) as the button.
<!-- ROLL TEMPLATE --> <rolltemplate class="sheet-rolltemplate-gear"> <div class="sheet-template-container"> <div class="sheet-template-header">{{rollname}}</div> <div class="sheet-template-row">Attr: {{attribute}} Skill: {{skill}}</div> <div class="sheet-template-row">Skill Check: {{skillcheck}}</div> {{#rollGreater() downstep 0}}<div class="sheet-template-row">Downsteps: {{downstep}}</div>{{/rollGreater() downstep 0}} {{#rollGreater() upstep 0}}<div class="sheet-template-row">Upsteps: {{upstep}}</div>{{/rollGreater() upstep 0}} {{#rollGreater() plotpoints 0}}<div class="sheet-template-row">Plot Points: {{plotpoints}}</div>{{/rollGreater() plotpoints 0}} <div class="sheet-template-row">Damage: {{damage}}</div> </rolltemplate> <fieldset class="repeating_gear"> <input type="text" class="Itemname" name="attr_gear" Placeholder="Gear"/> <input class="sheet-Itemqty" style="width:200px;" type="text" name="attr_gearnote" placeholder="Description"/><input class="sheet-Itemqty" type="text" name="attr_gearrng" placeholder="Range"/><input class="sheet-Itemqty" type="text" name="attr_gearammo" placeholder="Ammo"/><input class="sheet-itemqty" type="number" name="attr_gearqty" placeholder="Qty" style="width: 60px;"/><input class="sheet-Itemqty" type="text" name="attr_geardmg" placeholder="Rating"/><input class="sheet-Itemqty" type="text" name="attr_geartrait" placeholder="Trait"/> <button class="taco" type='roll' name='roll_gear' value='&{template:gear} {{rollname=@{gear}}} {{attribute=@{gearattributename}}} {{skill=@{gearskillname}}} {{skillcheck=[[d@{gearattribute} [attr] + @{gearmod} [mod] + (d[[ [[@{gearskill}-(?{downstep|0}*2) ]]-([[{[[@{gearskill}-(?{downstep}*2) ]]-12,0}k1]])]] + [[floor([[@{gearskill}-(?{downstep}*2) ]]/13)]]d[[{[[@{gearskill}-(?{downstep}*2) ]]-12,0}k1]]) [skill] + [[ceil(@{gearextra}/13)]]d[[@{gearextra}]] [extra] + {d[[(?{plot points|0}-floor((?{plot points}-1)/6)*(?{plot points}-6))*2]]+d[[{0,(2*[[?{plot points}-6]])}kh1]]cs99, ?{plot points}+d0cs1}kh1 [plot points]]]}} {{downstep=[[?{downstep}]] }} {{upstep=[[(?{downstep}*-1)]]}} {{plotpoints=[[?{plot points}]] }} {{damage=[@{geardmg}](%geardamage)}}'></button> <input style="margin-left:-20px" type="checkbox" class="sheet-toggle-show1" /> <div class="sheet-body1"> <span class="smallfont"> Attribute:</span> <input type="text" style="width:80px;" class="sheet-skill_die2" name="attr_gearattributename" Placeholder="name"/> <select class="sheet-skill_die" name="attr_gearattribute"> <option value="0"></option> <option value="[[@{agility}]]">AGI</option> <option value="[[@{strength}]]">STR</option> <option value="[[@{vitality}]]">VIT</option> <option value="[[@{alertness}]]">ALT</option> <option value="[[@{intelligence}]]">INT</option> <option value="[[@{willpower}]]">WIL</option> </select> <span class="smallfont"> Mod:</span> <input type="number" class="sheet-skill_die2" name="attr_gearmod" Value="0" Placeholder="Mod"/> <span class="smallfont"> Skill:</span> <input type="text" style="width:80px;" class="sheet-skill_die2" name="attr_gearskillname" Placeholder="name"/> <select class="sheet-skill_die" style="width:70px" name="attr_gearskill"> <option value="0"></option> <option value="2">d2</option> <option value="4">d4</option> <option value="6">d6</option> <option value="8">d8</option> <option value="10">d10</option> <option value="12">d12</option> <option value="14">d12+d2</option> <option value="16">d12+d4</option> <option value="18">d12+d6</option> <option value="20">d12+d8</option> <option value="22">d12+d10</option> <option value="24">d12+d12</option> </select> <span class="smallfont"> Extra:</span> <select class="sheet-skill_die" name="attr_gearextra"> <option value="0"></option> <option value="2">d2</option> <option value="4">d4</option> <option value="6">d6</option> <option value="8">d8</option> <option value="10">d10</option> <option value="12">d12</option> </select> <textarea style="width:650px; height:50px; margin-left:10px;" name="attr_gearnotebox" placeholder="Notes" style="border: solid black 1px;"></textarea> <button hidden="true" name="roll_geardamage" value="&{template:gear} {{damage=[[@{geardmg}]]}}"/> </div> </div> </fieldset>
css
.sheet-rolltemplate-gear div.sheet-template-container { border: 2px solid #000 !important; border-radius: 3px 3px 3px 3px; } .sheet-rolltemplate-gear .sheet-template-header { background-color: rgba(255, 255, 255, 1); color: #000; padding: 2px; border-bottom: 1px solid black; line-height: 1.6em; font-size: 10px; font-family: "Krona One", Gadget, sans-serif; } .sheet-rolltemplate-gear div { padding: 0.5px; border-bottom: 1px solid black; } .sheet-rolltemplate-gear .sheet-template-row { background-color: rgba(217, 217, 214,1); font-size: 8px; font-family: "Krona One", Gadget, sans-serif; } .sheet-rolltemplate-gear .inlinerollresult { display: inline-block; min-width: 1.5em; text-align: center; border: 2px solid rgba(167, 168, 170,1); } .sheet-rolltemplate-gear .inlinerollresult.fullcrit { border: 2px solid #3FB315; } .sheet-rolltemplate-gear .inlinerollresult.fullfail { border: 2px solid #B31515; } .sheet-rolltemplate-gear .inlinerollresult.importantroll { border: 2px solid #4A57ED; }