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 .
×
×

Cookie Preferences

We use Cookies to help personalize and improve Roll20. For more information on our use of non-essential Cookies, visit our Privacy Policy here.
Create a free account

rollTemplate Custom Sheet/System

  1. Community Forums
  2. Character Sheets & Compendium
  3. rollTemplate Custom Sheet/System
1631235966

Edited 1631237244
Pktome
Pro
Marketplace Creator
Sheet Author
Compendium Curator
Permalink for 10368472 Quote
For some reason I am unable to get a rollTemplate to appear in my game. I can not understand. If I put the same code in an empty game, it manages to show up. See the image : but if I put it in my other room (which is the room I want to show), the CSS doesn't pull. &lt;div style="display: none"&gt; &nbsp; &lt;rolltemplate class="sheet-rolltemplate-Casino"&gt; &nbsp; &nbsp; &lt;div class="border-one"&gt; &nbsp; &nbsp; &nbsp; &lt;div class="border-two"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="conteudo"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="celula-numero"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div&gt;&lt;span style="display: none"&gt;{{V1}}&lt;/span&gt; {{#rollTotal() V1 1}} &lt;img src="<a href="https://arkana-rpg.com.br/old/16bits/minigame/p1.png" rel="nofollow">https://arkana-rpg.com.br/old/16bits/minigame/p1.png</a>" alt=""&gt;{{/rollTotal() V1 1}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollTotal() V1 2}} &lt;img src="<a href="https://arkana-rpg.com.br/old/16bits/minigame/p2.png" rel="nofollow">https://arkana-rpg.com.br/old/16bits/minigame/p2.png</a>" alt=""&gt;{{/rollTotal() V1 2}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollTotal() V1 3}} &lt;img src="<a href="https://arkana-rpg.com.br/old/16bits/minigame/p3.png" rel="nofollow">https://arkana-rpg.com.br/old/16bits/minigame/p3.png</a>" alt=""&gt;{{/rollTotal() V1 3}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollTotal() V1 4}} &lt;img src="<a href="https://arkana-rpg.com.br/old/16bits/minigame/p4.png" rel="nofollow">https://arkana-rpg.com.br/old/16bits/minigame/p4.png</a>" alt=""&gt;{{/rollTotal() V1 4}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollTotal() V1 5}} &lt;img src="<a href="https://arkana-rpg.com.br/old/16bits/minigame/p5.png" rel="nofollow">https://arkana-rpg.com.br/old/16bits/minigame/p5.png</a>" alt=""&gt;{{/rollTotal() V1 5}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollTotal() V1 6}} &lt;img src="<a href="https://arkana-rpg.com.br/old/16bits/minigame/p6.png" rel="nofollow">https://arkana-rpg.com.br/old/16bits/minigame/p6.png</a>" alt=""&gt;{{/rollTotal() V1 6}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollTotal() V1 7}} &lt;img src="<a href="https://arkana-rpg.com.br/old/16bits/minigame/p7.png" rel="nofollow">https://arkana-rpg.com.br/old/16bits/minigame/p7.png</a>" alt=""&gt;{{/rollTotal() V1 7}} &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="celula-numero"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div&gt;&lt;span style="display: none"&gt;{{V2}}&lt;/span&gt; {{#rollTotal() V2 1}} &lt;img src="<a href="https://arkana-rpg.com.br/old/16bits/minigame/p1.png" rel="nofollow">https://arkana-rpg.com.br/old/16bits/minigame/p1.png</a>" alt=""&gt;{{/rollTotal() V2 1}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollTotal() V2 2}} &lt;img src="<a href="https://arkana-rpg.com.br/old/16bits/minigame/p2.png" rel="nofollow">https://arkana-rpg.com.br/old/16bits/minigame/p2.png</a>" alt=""&gt;{{/rollTotal() V2 2}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollTotal() V2 3}} &lt;img src="<a href="https://arkana-rpg.com.br/old/16bits/minigame/p3.png" rel="nofollow">https://arkana-rpg.com.br/old/16bits/minigame/p3.png</a>" alt=""&gt;{{/rollTotal() V2 3}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollTotal() V2 4}} &lt;img src="<a href="https://arkana-rpg.com.br/old/16bits/minigame/p4.png" rel="nofollow">https://arkana-rpg.com.br/old/16bits/minigame/p4.png</a>" alt=""&gt;{{/rollTotal() V2 4}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollTotal() V2 5}} &lt;img src="<a href="https://arkana-rpg.com.br/old/16bits/minigame/p5.png" rel="nofollow">https://arkana-rpg.com.br/old/16bits/minigame/p5.png</a>" alt=""&gt;{{/rollTotal() V2 5}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollTotal() V2 6}} &lt;img src="<a href="https://arkana-rpg.com.br/old/16bits/minigame/p6.png" rel="nofollow">https://arkana-rpg.com.br/old/16bits/minigame/p6.png</a>" alt=""&gt;{{/rollTotal() V2 6}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollTotal() V2 7}} &lt;img src="<a href="https://arkana-rpg.com.br/old/16bits/minigame/p7.png" rel="nofollow">https://arkana-rpg.com.br/old/16bits/minigame/p7.png</a>" alt=""&gt;{{/rollTotal() V2 7}} &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="celula-numero"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div&gt;&lt;span style="display: none"&gt;{{V3}}&lt;/span&gt; {{#rollTotal() V3 1}} &lt;img src="<a href="https://arkana-rpg.com.br/old/16bits/minigame/p1.png" rel="nofollow">https://arkana-rpg.com.br/old/16bits/minigame/p1.png</a>" alt=""&gt;{{/rollTotal() V3 1}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollTotal() V3 2}} &lt;img src="<a href="https://arkana-rpg.com.br/old/16bits/minigame/p2.png" rel="nofollow">https://arkana-rpg.com.br/old/16bits/minigame/p2.png</a>" alt=""&gt;{{/rollTotal() V3 2}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollTotal() V3 3}} &lt;img src="<a href="https://arkana-rpg.com.br/old/16bits/minigame/p3.png" rel="nofollow">https://arkana-rpg.com.br/old/16bits/minigame/p3.png</a>" alt=""&gt;{{/rollTotal() V3 3}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollTotal() V3 4}} &lt;img src="<a href="https://arkana-rpg.com.br/old/16bits/minigame/p4.png" rel="nofollow">https://arkana-rpg.com.br/old/16bits/minigame/p4.png</a>" alt=""&gt;{{/rollTotal() V3 4}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollTotal() V3 5}} &lt;img src="<a href="https://arkana-rpg.com.br/old/16bits/minigame/p5.png" rel="nofollow">https://arkana-rpg.com.br/old/16bits/minigame/p5.png</a>" alt=""&gt;{{/rollTotal() V3 5}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollTotal() V3 6}} &lt;img src="<a href="https://arkana-rpg.com.br/old/16bits/minigame/p6.png" rel="nofollow">https://arkana-rpg.com.br/old/16bits/minigame/p6.png</a>" alt=""&gt;{{/rollTotal() V3 6}} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{#rollTotal() V3 7}} &lt;img src="<a href="https://arkana-rpg.com.br/old/16bits/minigame/p7.png" rel="nofollow">https://arkana-rpg.com.br/old/16bits/minigame/p7.png</a>" alt=""&gt;{{/rollTotal() V3 7}} &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &lt;/rolltemplate&gt; &lt;/div&gt; Style: .sheet-rolltemplate-Casino { } .sheet-rolltemplate-Casino .sheet-border-one { &nbsp; &nbsp; background: #4d2c01; &nbsp; &nbsp; padding: 4px 2px; &nbsp; &nbsp; max-width: 280px; &nbsp; &nbsp; position: relative; &nbsp; &nbsp; display: block; &nbsp; &nbsp; clear: both; } .sheet-rolltemplate-Casino .sheet-border-two { &nbsp; &nbsp; background: rgb(172, 111, 28); &nbsp; &nbsp; background: linear-gradient(90deg, rgba(172, 111, 28, 1) 0%, rgba(244, 244, 182, 1) 33%, rgba(182, 130, 50, 1) 100%); &nbsp; &nbsp; border: solid 2px #361600; &nbsp; &nbsp; padding: 9px; &nbsp; &nbsp; border-top: solid 2px white; } .sheet-rolltemplate-Casino .sheet-conteudo { &nbsp; &nbsp; display: flex; &nbsp; &nbsp; background: rgb(0, 45, 13); &nbsp; &nbsp; background: linear-gradient(90deg, rgba(0, 45, 13, 1) 0%, rgba(21, 130, 3, 1) 25%, rgba(27, 154, 0, 1) 50%, rgba(0, 45, 13, 1) 100%); &nbsp; &nbsp; padding: 5px 13px; &nbsp; &nbsp; border: 1px solid black; } .sheet-rolltemplate-Casino .sheet-celula-numero { &nbsp; &nbsp; height: 90px; &nbsp; &nbsp; width: 100%; &nbsp; &nbsp; max-width: 70px; &nbsp; &nbsp; background: rgba(172, 111, 28, 0.75); &nbsp; &nbsp; background: linear-gradient(0deg, rgba(172, 111, 28, 0.95) 0%, rgba(252, 250, 250, 0.95) 50%, rgba(182, 130, 50, 0.95) 100%); &nbsp; &nbsp; margin: 2px 5px; &nbsp; &nbsp; display: flex; &nbsp; &nbsp; align-items: center; &nbsp; &nbsp; justify-content: center; &nbsp; &nbsp; font-size: 72px; &nbsp; &nbsp; font-weight: bolder; &nbsp; &nbsp; color: red; &nbsp; &nbsp; font-family: "Arial Black"; &nbsp; &nbsp; line-height: 1em; &nbsp; &nbsp; border-bottom: 1px solid black; &nbsp; &nbsp; border-top: 1px solid white; } .sheet-rolltemplate-Casino .sheet-celula-numero span { &nbsp; &nbsp; font-size: 72px; &nbsp; &nbsp; background: -webkit-linear-gradient(#b50000, #ff0000, #8a0000); &nbsp; &nbsp; -webkit-background-clip: text; &nbsp; &nbsp; -webkit-text-fill-color: transparent; } .sheet-rolltemplate-Casino .sheet-celula-numero div { &nbsp; &nbsp; background: rgba(255,255,255,0.75); &nbsp; &nbsp; margin: 2px; &nbsp; &nbsp; height: 85px; &nbsp; &nbsp; position: relative; &nbsp; &nbsp; width: 100%; } .sheet-rolltemplate-Casino .sheet-celula-numero div img { &nbsp; &nbsp; width: 100%; &nbsp; &nbsp; position: absolute; &nbsp; &nbsp; top: 0%; &nbsp; &nbsp; bottom: 0%; &nbsp; &nbsp; margin: auto; }
1631256987
GiGs
Pro
Sheet Author
API Scripter
Permalink for 10368919 Quote
Why is it in a div with style"display:none" ? Rolltemplate code doesn't need to be in a separate div, you can remove that div.
1631265243
Pktome
Pro
Marketplace Creator
Sheet Author
Compendium Curator
Permalink for 10369017 Quote
GiGs said: Why is it in a div with style"display:none" ? Rolltemplate code doesn't need to be in a separate div, you can remove that div. I usually edit my files with programs that show the change live and I don't like to see the templates, so I leave it as "none".
1631294588
GiGs
Pro
Sheet Author
API Scripter
Permalink for 10369480 Quote
You should be testing the sheet in the custom sheet sandbox - you will see changes live, exactly as they appear on roll20, and don't need to do anything like create the display:none trick. Bear in mind that roll20 has some behind-the-scenes styling and things like the way repeating sections work, an external program wont reproduce the code properly.
You must Login to your Roll20 Account to post a reply.