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

Can you give focus to a div in a roll template?

I wanted to create a roll template that would make a lot of information available without filling up the chat screen, so I created one that hides all the props, but shows them on :hover. I can show them on :hover or on :active, but I would really like them to show when clicked and disappear when unclicked. This could easily accomplished by using :focus, except that div elements don't have :focus. I tried adding a tab index, but that did not work. Is there any way to allow a div in a roll template to get focus on click, or to use another element that is focusable?
1626614441
The Aaron
Roll20 Production Team
API Scripter
You might be able to replace the div with some element that has focus by default, like a textarea or button or anchor.  That might require some restyling effort, but could workout.
Unfortunately those elements don't seem to work inside roll templates.
1626615400
The Aaron
Roll20 Production Team
API Scripter
Boo.  Hopefully someone else will have some ideas.
It works great with hover, so it's not a big deal, but it would be nice if there was a way to do this with focus. It would also be great for creating custom dropdown menus in character sheets.
1626627669
Andreas J.
Forum Champion
Sheet Author
Translator
Randall S. said: It would also be great for creating custom dropdown menus in character sheets. This is very much possible, roll templates are much more limited. Like only char sheets (not roll templates), can use the new features with CSE . Want to share the code for your roll template? It's the first time I've seen the hover/expansion being used with one.
It's a WIP for a GURPs character sheet, but the code is: &lt;rolltemplate class="sheet-rolltemplate-skillRoll"&gt; &nbsp; &nbsp; &lt;br&gt; &nbsp; &nbsp; &lt;div class="sheet-skillRollContainer"&gt; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollLess() roll 5}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-top"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-rollBox sheet-rollBox-green"&gt;{{roll}}&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-topCenter"&gt;{{rollType}}&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-topRight"&gt;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-blocker sheet-crit"&gt;Critical Success!&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; {{/rollLess() roll 5}} &nbsp; &nbsp; &nbsp; &nbsp; {{#rollBetween() roll 5 6}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollLess() effectiveSkill roll}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-top"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-rollBox sheet-rollBox-pink"&gt;{{roll}}&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-topCenter"&gt;{{rollType}}&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-topRight"&gt;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-blocker sheet-crit"&gt;Failure&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{/rollLess() effectiveSkill roll}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollLess() roll minus9}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-top"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-rollBox sheet-rollBox-green"&gt;{{roll}}&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-topCenter"&gt;{{rollType}}&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-topRight"&gt;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-blocker sheet-crit"&gt;Critical Success!&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{/rollLess() roll minus9}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollBetween() roll minus9 effectiveSkill}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-top"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-rollBox sheet-rollBox-blue"&gt;{{roll}}&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-topCenter"&gt;{{rollType}}&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-topRight"&gt;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-blocker sheet-crit"&gt;Success&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{/rollBetween() roll minus9 effectiveSkill}} &nbsp; &nbsp; &nbsp; &nbsp; {{/rollBetween() roll 5 6}} &nbsp; &nbsp; &nbsp; &nbsp; {{#rollBetween() roll 7 16}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollBetween() roll 7 effectiveSkill}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-top"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-rollBox sheet-rollBox-blue"&gt;{{roll}}&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-topCenter"&gt;{{rollType}}&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-topRight"&gt;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-blocker sheet-crit"&gt;Success&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{/rollBetween() roll 7 effectiveSkill}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollGreater() roll effectiveSkill}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#^rollGreater() roll plus9}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-top"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-rollBox sheet-rollBox-pink"&gt;{{roll}}&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-topCenter"&gt;{{rollType}}&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-topRight"&gt;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-blocker sheet-crit"&gt;Failure&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{/^rollGreater() roll plus9}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollGreater() roll plus9}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-top"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-rollBox sheet-rollBox-red"&gt;{{roll}}&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-topCenter"&gt;{{rollType}}&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-topRight"&gt;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-blocker sheet-crit"&gt;Critical Failure!&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{/rollGreater() roll plus9}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{/rollGreater() roll effectiveSkill}} &nbsp; &nbsp; &nbsp; &nbsp; {{/rollBetween() roll 7 16}} &nbsp; &nbsp; &nbsp; &nbsp; {{#rollTotal() roll 17}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollLess() effectiveSkill 16}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-top"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-rollBox sheet-rollBox-red"&gt;{{roll}}&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-topCenter"&gt;{{rollType}}&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-topRight"&gt;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-blocker sheet-crit"&gt;Critical Failure!&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{/rollLess() effectiveSkill 16}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollGreater() effectiveSkill 15}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-top"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-rollBox sheet-rollBox-pink"&gt;{{roll}}&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-topCenter"&gt;{{rollType}}&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-topRight"&gt;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-blocker sheet-crit"&gt;Failure&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{/rollGreater() effectiveSkill 15}} &nbsp; &nbsp; &nbsp; &nbsp; {{/rollTotal() roll 17}} &nbsp; &nbsp; &nbsp; &nbsp; {{#rollTotal() roll 18}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-top"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-rollBox sheet-rollBox-red"&gt;{{roll}}&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-topCenter"&gt;{{rollType}}&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-topRight"&gt;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-blocker sheet-crit"&gt;Critical Failure!&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; {{/rollTotal() roll 18}} &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-middle"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-middleLeft"&gt;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-middleCenter"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;br&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#allprops() roll rollType effectiveSkill minus9 plus9 r0 r1 r2}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-content"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-col1"&gt;{{key}}&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-col2"&gt;{{value}}&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{/allprops() roll rollType effectiveSkill minus9 plus9 r0 r1 r2}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-content"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-col1"&gt;&lt;b&gt;Target&lt;/b&gt;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-col2 bor"&gt;{{effectiveSkill}}&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-content"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-cols"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Roll : {{r0}}+{{r1}}+{{r2}} = {{roll}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-content"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-cols"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; [Margin]&amp;#40;&amp;#33;&amp;#13;Margin of Success/Failure=[[{{effectiveSkill}}-{{roll}}]]&amp;#41; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-middleRight"&gt;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-downButton"&gt;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-bottom"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-bottomLeft"&gt;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-bottomCenter"&gt;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="sheet-bottomRight"&gt;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &lt;/div&gt; &lt;/rolltemplate&gt; and the CSS: .sheet-rolltemplate-skillRoll a[href^='!'], .sheet-rolltemplate-skillRoll a[href^='~']{ &nbsp; &nbsp; background-color:transparent; &nbsp; &nbsp; border:none; &nbsp; &nbsp; color:rgb(27,232,153); } .sheet-rolltemplate-skillRoll .sheet-top{ &nbsp; &nbsp; display:flex; } .sheet-rolltemplate-skillRoll .sheet-rollBox{ &nbsp; &nbsp; background-size:111px 36px; &nbsp; &nbsp; background-repeat:no-repeat; &nbsp; &nbsp; width:111px; &nbsp; &nbsp; height:36px; &nbsp; &nbsp; line-height:36px; &nbsp; &nbsp; color:white; &nbsp; &nbsp; font-weight: bold; &nbsp; &nbsp; text-align:center;text-shadow: &nbsp; &nbsp; &nbsp; &nbsp; 0 0 15px hsla(0, 0%, 100%, 1), &nbsp; &nbsp; &nbsp; &nbsp; 0 2px 4px hsla(0, 0%, 0%, 0.7); } .sheet-rolltemplate-skillRoll .inlinerollresult{ &nbsp; &nbsp; background-color:transparent; &nbsp; &nbsp; border-width:0 0 0 1px !important; &nbsp; &nbsp; border-color:transparent !important; &nbsp; &nbsp; padding:0; } .sheet-rolltemplate-skillRoll .sheet-rollBox-blue{ &nbsp; &nbsp; background-image:url("<a href="https://i.imgur.com/LdrB3MV.png" rel="nofollow">https://i.imgur.com/LdrB3MV.png</a>"); } .sheet-rolltemplate-skillRoll .sheet-rollBox-pink{ &nbsp; &nbsp; background-image:url("<a href="https://i.imgur.com/JjOaMG5.png" rel="nofollow">https://i.imgur.com/JjOaMG5.png</a>"); } .sheet-rolltemplate-skillRoll .sheet-rollBox-green{ &nbsp; &nbsp; background-image:url("<a href="https://i.imgur.com/ndz9fMu.png" rel="nofollow">https://i.imgur.com/ndz9fMu.png</a>"); } .sheet-rolltemplate-skillRoll .sheet-rollBox-red{ &nbsp; &nbsp; background-image:url("<a href="https://i.imgur.com/iw7rLJP.png" rel="nofollow">https://i.imgur.com/iw7rLJP.png</a>"); } .sheet-rolltemplate-skillRoll .sheet-topCenter{ &nbsp; &nbsp; background-image:url("<a href="https://i.imgur.com/DQ72si8.png" rel="nofollow">https://i.imgur.com/DQ72si8.png</a>"); &nbsp; &nbsp; background-size:100% 36px; &nbsp; &nbsp; background-repeat:no-repeat; &nbsp; &nbsp; height:26px; &nbsp; &nbsp; font-size:10px; &nbsp; &nbsp; padding-top:10px; &nbsp; &nbsp; padding-right:4px; &nbsp; &nbsp; white-space:nowrap; &nbsp; &nbsp; overflow:hidden; &nbsp; &nbsp; flex:1; &nbsp; &nbsp; min-width:24px; } .sheet-rolltemplate-skillRoll .sheet-topRight{ &nbsp; &nbsp; background-image:url("<a href="https://i.imgur.com/ihBceNj.png" rel="nofollow">https://i.imgur.com/ihBceNj.png</a>"); &nbsp; &nbsp; background-size:76px 36px; &nbsp; &nbsp; background-repeat:no-repeat; &nbsp; &nbsp; width:76px; &nbsp; &nbsp; height:36px; } .sheet-rolltemplate-skillRoll .sheet-blocker{ &nbsp; &nbsp; width:calc(100% - 24px); &nbsp; &nbsp; height:19px; &nbsp; &nbsp; margin-bottom:-19px; &nbsp; &nbsp; margin-top:-12px; &nbsp; &nbsp; z-index:1; &nbsp; &nbsp; text-align:right; } .sheet-rolltemplate-skillRoll .sheet-downButton{ &nbsp; &nbsp; background-image:url("<a href="https://i.imgur.com/IEL8taW.png" rel="nofollow">https://i.imgur.com/IEL8taW.png</a>"); &nbsp; &nbsp; background-size:20px 19px; &nbsp; &nbsp; background-repeat:no-repeat; &nbsp; &nbsp; width:20px; &nbsp; &nbsp; height:19px; &nbsp; &nbsp; margin-left:-29px; &nbsp; &nbsp; position:relative; &nbsp; &nbsp; top:-12px; } .sheet-rolltemplate-skillRoll .sheet-middle{ &nbsp; &nbsp; display:flex; &nbsp; &nbsp; overflow:hidden; &nbsp; &nbsp; padding-top:12px; &nbsp; &nbsp; cursor:pointer; } .sheet-rolltemplate-skillRoll .sheet-middle:not(:hover){ &nbsp; &nbsp; height:7px; } .sheet-rolltemplate-skillRoll .sheet-content{ &nbsp; &nbsp; display:flex; &nbsp; &nbsp; overflow:visible; } .sheet-rolltemplate-skillRoll .sheet-col1{ &nbsp; &nbsp; text-align:left; &nbsp; &nbsp; width:50%; &nbsp; &nbsp; position:relative; &nbsp; &nbsp; left:-101px; &nbsp; &nbsp; white-space:nowrap; } .sheet-rolltemplate-skillRoll .sheet-bor{ &nbsp; &nbsp; border-top:solid 1px rgb(27,232,153); } .sheet-rolltemplate-skillRoll .sheet-col2{ &nbsp; &nbsp; text-align:right; &nbsp; &nbsp; width:calc(50% + 50px); &nbsp; &nbsp; padding-right:16px; } .sheet-rolltemplate-skillRoll .sheet-cols{ &nbsp; &nbsp; text-align:right; &nbsp; &nbsp; width:calc(100% + 101px); &nbsp; &nbsp; padding-right:16px; &nbsp; &nbsp; white-space:nowrap; } .sheet-rolltemplate-skillRoll .sheet-middleLeft{ &nbsp; &nbsp; background-image:url("<a href="https://i.imgur.com/UxayCdn.png" rel="nofollow">https://i.imgur.com/UxayCdn.png</a>"); &nbsp; &nbsp; background-size:111px 100%; &nbsp; &nbsp; background-repeat:no-repeat; &nbsp; &nbsp; width:111px; } .sheet-rolltemplate-skillRoll .sheet-middleCenter{ &nbsp; &nbsp; flex:1; &nbsp; &nbsp; background:linear-gradient(to left,rgba(0,0,0,0) 12px,black 12px, black calc(100% - 6px)); } .sheet-rolltemplate-skillRoll .sheet-middleRight{ &nbsp; &nbsp; background-image:url("<a href="https://i.imgur.com/0ap9Rvd.png" rel="nofollow">https://i.imgur.com/0ap9Rvd.png</a>"); &nbsp; &nbsp; background-size:10px 100%; &nbsp; &nbsp; background-repeat:no-repeat; &nbsp; &nbsp; width:10px; &nbsp; &nbsp; position:relative; &nbsp; &nbsp; left:-12px; } .sheet-rolltemplate-skillRoll .sheet-bottom{ &nbsp; &nbsp; display:flex; } .sheet-rolltemplate-skillRoll .sheet-bottomLeft{ &nbsp; &nbsp; background-image:url("<a href="https://i.imgur.com/fNakDCG.png" rel="nofollow">https://i.imgur.com/fNakDCG.png</a>"); &nbsp; &nbsp; background-size:23px 11px; &nbsp; &nbsp; background-repeat:no-repeat; &nbsp; &nbsp; width:23px; &nbsp; &nbsp; height:11px; } .sheet-rolltemplate-skillRoll .sheet-bottomCenter{ &nbsp; &nbsp; background-image:url("<a href="https://i.imgur.com/nnjoCKn.png" rel="nofollow">https://i.imgur.com/nnjoCKn.png</a>"); &nbsp; &nbsp; background-size:100% 11px; &nbsp; &nbsp; background-repeat:no-repeat; &nbsp; &nbsp; flex:1; &nbsp; &nbsp; height:11px; } .sheet-rolltemplate-skillRoll .sheet-bottomRight{ &nbsp; &nbsp; background-image:url("<a href="https://i.imgur.com/VDvzPK6.png" rel="nofollow">https://i.imgur.com/VDvzPK6.png</a>"); &nbsp; &nbsp; background-size:22px 11px; &nbsp; &nbsp; background-repeat:no-repeat; &nbsp; &nbsp; width:22px; &nbsp; &nbsp; height:11px; } .sheet-rolltemplate-skillRoll .sheet-skillRollContainer{ &nbsp; &nbsp; color:rgb(27,232,153); &nbsp; &nbsp; padding-right:12px; &nbsp; &nbsp; margin-left:-42px; &nbsp; &nbsp; display:inline-flex; &nbsp; &nbsp; flex-direction:column; }
1626696134
timmaugh
Pro
API Scripter
That was exactly the usage behind the suggestion to add the Details and Summary tags to character sheets and the chat window. From what I can tell, I believe this has made it into character sheets, but not chat...?
Hopefully that will get implemented.
1626712560

Edited 1626712607
Andreas J.
Forum Champion
Sheet Author
Translator
timmaugh said: That was exactly the usage behind the suggestion to add the Details and Summary tags to character sheets and the chat window. From what I can tell, I believe this has made it into character sheets, but not chat...? Indeed, roll templates cant use them. As I said in my first comment, the new sheet features didnt become available to roll templates, only the character sheets themselves.