https://wiki.roll20.net/index.php?title=Sheet_Editor&feed=atom&action=historySheet Editor - Revision history2024-03-28T09:02:01ZRevision history for this page on the wikiMediaWiki 1.20.3https://wiki.roll20.net/index.php?title=Sheet_Editor&diff=30919&oldid=prev1223200: /* Access Sheet Editor */2022-03-25T12:55:36Z<p><span dir="auto"><span class="autocomment">Access Sheet Editor</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 12:55, 25 March 2022</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 28:</td>
<td colspan="2" class="diff-lineno">Line 28:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>:::'''6.''' Scroll down and press '''"Save Changes"'''.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>:::'''6.''' Scroll down and press '''"Save Changes"'''.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[File:Legacy-Sanitization-checkbox.png|thumbnail|800px|center|'''Step. <del class="diffchange diffchange-inline">4</del>''' Toggle checkbox if <del class="diffchange diffchange-inline">sheet </del>code is [[<del class="diffchange diffchange-inline">LCS</del>]]. ]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[File:Legacy-Sanitization-checkbox.png|thumbnail|800px|center|'''Step. <ins class="diffchange diffchange-inline">5</ins>''' Toggle checkbox if code is [[<ins class="diffchange diffchange-inline">Legacy Character Sheet</ins>]]. ]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br clear=all></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br clear=all></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===Editor Tabs===</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===Editor Tabs===</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:Sheet-editor.gif|right|700px|thumbnail|Showcasing the Sheet Editor filed out using the code for '''Band of Blades''', and showing in the [[#preview|preview]] a indicative look of the sheet. The Preview doesn't fully reflect how it actually looks inside the game.]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:Sheet-editor.gif|right|700px|thumbnail|Showcasing the Sheet Editor filed out using the code for '''Band of Blades''', and showing in the [[#preview|preview]] a indicative look of the sheet. The Preview doesn't fully reflect how it actually looks inside the game.]]</div></td></tr>
</table>1223200https://wiki.roll20.net/index.php?title=Sheet_Editor&diff=27173&oldid=prev1223200 at 11:35, 3 October 20212021-10-03T11:35:52Z<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 11:35, 3 October 2021</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>{{revdate}}{{pro only}}</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>{{revdate}}{{pro only<ins class="diffchange diffchange-inline">|page</ins>}}</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>The '''Sheet Editor''' or '''Custom Sheet Editor''' is a {{Pro}} feature, which enables you to use custom code for the character sheet template that is used in your campaign.{{NavSheetDoc}}</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>The '''Sheet Editor''' or '''Custom Sheet Editor''' is a {{Pro}} feature, which enables you to use custom code for the character sheet template that is used in your campaign.{{NavSheetDoc}}</div></td></tr>
</table>1223200https://wiki.roll20.net/index.php?title=Sheet_Editor&diff=27170&oldid=prev1223200: improve Sheet editor steps, guide layout2021-10-03T11:23:55Z<p>improve Sheet editor steps, guide layout</p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 11:23, 3 October 2021</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 8:</td>
<td colspan="2" class="diff-lineno">Line 8:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>=== Access Sheet Editor ===</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>=== Access Sheet Editor ===</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[File:Game Settings Menu Options.jpg|200px|thumbnail|left]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[File:Game Settings Menu Options.jpg|200px|thumbnail|left<ins class="diffchange diffchange-inline">|'''Step.2''' Access [[Game_Settings_Page|Games Settings]]-page</ins>]]</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"><br></del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"><br></del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"><br></del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"><br></del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>To edit a custom character sheet for an existing game:</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>To edit a custom character sheet for an existing game:</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">'''1.''' Go to a Campaign's/Game's [[Game_Management#Game_Details_Page|Details Page]]/Main page.<br></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">'''2.''' Click the [[Game Management#Settings|Settings]]-button, and select [[Game_Settings_Page|Games Settings]].</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">[[File:Sheet-editor-select-custom.gif|thumbnail|left|450px|Selecting the "custom" option give s you access to the sheet editor]]</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 23:</td>
<td colspan="2" class="diff-lineno">Line 15:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">'''1.''' Go to a Campaign's [[Game_Management#Game_Details_Page|Details Page]]/Main page.</ins><br><br></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">'''2.''' Click the [[Game Management#Settings|Settings]]-button, and select [[Game_Settings_Page|Games Settings]].</ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"><br></del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><br <ins class="diffchange diffchange-inline">clear=left</ins>></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"><br></del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">:::::::::</ins>'''3.''' On the Game settings page, you select '''"Custom"''' from the [[Game_Settings_Page#Character_Sheet_Template|Character Sheet Template]] menu.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"><br></del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">:::::::::'''4.''' Copy & paste the html, css, and possible translation files to their respective [[#Editor Tabs|Editor tab]](more below).</ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"><br></del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[File:<ins class="diffchange diffchange-inline">Sheet</ins>-<ins class="diffchange diffchange-inline">editor</ins>-<ins class="diffchange diffchange-inline">select-custom</ins>.<ins class="diffchange diffchange-inline">gif</ins>|thumbnail|<ins class="diffchange diffchange-inline">center</ins>|<ins class="diffchange diffchange-inline">900px|'''Step 3.''' Selecting the "custom" option give s you access to the sheet editor</ins>]]</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><br <ins class="diffchange diffchange-inline">clear=all</ins>></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>'''3.''' On the Game settings page, you select '''"Custom"''' from the [[Game_Settings_Page#Character_Sheet_Template|Character Sheet Template]] menu.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">:::</ins>'''<ins class="diffchange diffchange-inline">5</ins>.''' If you want to use <ins class="diffchange diffchange-inline">any character </ins>sheet code <ins class="diffchange diffchange-inline">created </ins>prior <ins class="diffchange diffchange-inline">to '''</ins>March 2021<ins class="diffchange diffchange-inline">'''(and some later creations)</ins>, check the box for [[Legacy Sanitization]]. If you leave it unchecked, you can use <ins class="diffchange diffchange-inline">sheets designed by </ins>the <ins class="diffchange diffchange-inline">newer </ins>[[Character Sheet Enhancement]]<ins class="diffchange diffchange-inline">(CSE)-standard</ins>.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"><br></del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"><br></del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">If the sheet looks all wrong in your game, reverting the checkbox to the opposite should make it work as intended.</ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"><br></del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"><br></del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"><br></del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">:::'''6.''' Scroll down and press '''"Save Changes"'''.</ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"><br></del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">[[File:Legacy-Sanitization-checkbox.png|thumbnail|800px|center|'''Step. 4''' Toggle checkbox if sheet code is [[LCS]]. ]]</ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"><br></del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><br <ins class="diffchange diffchange-inline">clear=all</ins>></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[File:<del class="diffchange diffchange-inline">Legacy</del>-<del class="diffchange diffchange-inline">Sanitization</del>-<del class="diffchange diffchange-inline">checkbox</del>.<del class="diffchange diffchange-inline">png</del>|thumbnail|<del class="diffchange diffchange-inline">550px</del>|<del class="diffchange diffchange-inline">left</del>]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"><br></del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>'''<del class="diffchange diffchange-inline">4</del>.''' If you want to use <del class="diffchange diffchange-inline">char </del>sheet code <del class="diffchange diffchange-inline">that made </del>prior March 2021, check the box for [[Legacy Sanitization]]. If you leave it unchecked, you can use <del class="diffchange diffchange-inline">code compatible with </del>the [[Character Sheet Enhancement]] <del class="diffchange diffchange-inline">Update</del>.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"><br></del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"><br></del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===Editor Tabs===</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===Editor Tabs===</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:Sheet-editor.gif|right|700px|thumbnail|Showcasing the Sheet Editor filed out using the code for '''Band of Blades''', and showing in the [[#preview|preview]] a indicative look of the sheet. The Preview doesn't fully reflect how it actually looks inside the game.]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:Sheet-editor.gif|right|700px|thumbnail|Showcasing the Sheet Editor filed out using the code for '''Band of Blades''', and showing in the [[#preview|preview]] a indicative look of the sheet. The Preview doesn't fully reflect how it actually looks inside the game.]]</div></td></tr>
</table>1223200https://wiki.roll20.net/index.php?title=Sheet_Editor&diff=26655&oldid=prev1223200 at 20:25, 21 September 20212021-09-21T20:25:11Z<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 20:25, 21 September 2021</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>{{<del class="diffchange diffchange-inline">pro only</del>}}</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>{{<ins class="diffchange diffchange-inline">revdate</ins>}}{{<ins class="diffchange diffchange-inline">pro only</ins>}}</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>{{<del class="diffchange diffchange-inline">NavSheetDoc</del>}}</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>The '''Sheet Editor''' or '''Custom Sheet Editor''' is a {{Pro}} feature, which enables you to use custom code for the character sheet template that is used in your campaign.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>The '''Sheet Editor''' or '''Custom Sheet Editor''' is a {{Pro}} feature, which enables you to use custom code for the character sheet template that is used in your campaign.<ins class="diffchange diffchange-inline">{{NavSheetDoc}}</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>It can be accessed for a game from the [[Game Settings]]-page, if you change the [[Game_Settings_Page#Character_Sheet_Template|Character Sheet Template]] to '''"Custom"'''.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>It can be accessed for a game from the [[Game Settings]]-page, if you change the [[Game_Settings_Page#Character_Sheet_Template|Character Sheet Template]] to '''"Custom"'''.</div></td></tr>
</table>1223200https://wiki.roll20.net/index.php?title=Sheet_Editor&diff=24642&oldid=prev1223200 at 08:35, 22 April 20212021-04-22T08:35:12Z<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 08:35, 22 April 2021</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 38:</td>
<td colspan="2" class="diff-lineno">Line 38:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[File:Legacy-Sanitization-checkbox.png|thumbnail|<del class="diffchange diffchange-inline">300px</del>|left]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[File:Legacy-Sanitization-checkbox.png|thumbnail|<ins class="diffchange diffchange-inline">550px</ins>|left]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
</table>1223200https://wiki.roll20.net/index.php?title=Sheet_Editor&diff=24468&oldid=prev1223200: Mention CSE/Legacy Sanitization2021-04-15T14:23:42Z<p>Mention CSE/Legacy Sanitization</p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 14:23, 15 April 2021</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 7:</td>
<td colspan="2" class="diff-lineno">Line 7:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>If you intent to test, develop or otherwise work on the character sheet, using [[Custom Sheet Sandbox]] for the development is a smart choice, as it's quicker to update. The Sandboxes drawback is that you can't invite other people to it.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>If you intent to test, develop or otherwise work on the character sheet, using [[Custom Sheet Sandbox]] for the development is a smart choice, as it's quicker to update. The Sandboxes drawback is that you can't invite other people to it.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>=== <del class="diffchange diffchange-inline">The </del>Sheet Editor ===</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>=== <ins class="diffchange diffchange-inline">Access </ins>Sheet Editor ===</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:Game Settings Menu Options.jpg|200px|thumbnail|left]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:Game Settings Menu Options.jpg|200px|thumbnail|left]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 17:</td>
<td colspan="2" class="diff-lineno">Line 17:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>'''1.''' Go to a Campaign's/Game's [[Game_Management#Game_Details_Page|Details Page]]/Main page.<br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>'''1.''' Go to a Campaign's/Game's [[Game_Management#Game_Details_Page|Details Page]]/Main page.<br></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>'''2.''' Click the [[Game Management#Settings|Settings]]-button, and select [[Game_Settings_Page|Games Settings]].</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>'''2.''' Click the [[Game Management#Settings|Settings]]-button, and select [[Game_Settings_Page|Games Settings]].</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[File:Sheet-editor-select-custom.gif|thumbnail|left|<del class="diffchange diffchange-inline">500px</del>|Selecting the "custom" option give s you access to the sheet editor]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[File:Sheet-editor-select-custom.gif|thumbnail|left|<ins class="diffchange diffchange-inline">450px</ins>|Selecting the "custom" option give s you access to the sheet editor]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 38:</td>
<td colspan="2" class="diff-lineno">Line 38:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">[[File:Legacy-Sanitization-checkbox.png|thumbnail|300px|left]]</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">'''4.''' If you want to use char sheet code that made prior March 2021, check the box for [[Legacy Sanitization]]. If you leave it unchecked, you can use code compatible with the [[Character Sheet Enhancement]] Update.</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[File:Sheet-editor.gif|right|<del class="diffchange diffchange-inline">800px</del>|thumbnail|Showcasing the Sheet Editor filed out using the code for Band of Blades, and showing in the preview <del class="diffchange diffchange-inline">it's partial looks(that </del>doesn't fully reflect how it actually looks inside the game)]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">===Editor Tabs===</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[File:Sheet-editor.gif|right|<ins class="diffchange diffchange-inline">700px</ins>|thumbnail|Showcasing the Sheet Editor filed out using the code for <ins class="diffchange diffchange-inline">'''</ins>Band of Blades<ins class="diffchange diffchange-inline">'''</ins>, and showing in the <ins class="diffchange diffchange-inline">[[#</ins>preview<ins class="diffchange diffchange-inline">|preview]] a indicative look of the sheet. The Preview </ins>doesn't fully reflect how it actually looks inside the game<ins class="diffchange diffchange-inline">.]]</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">The editor (shown above</ins>) <ins class="diffchange diffchange-inline">has four tabs: '''HTML Layout''', '''CSS Styling''', '''[[Character Sheet Translation|Translation</ins>]]<ins class="diffchange diffchange-inline">''', and '''Preview'''.</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">The editor (shown above) has four tabs: '''HTML Layout''', '''CSS Styling''', '''[[Character Sheet Translation|Translation]]''', and '''Preview'''. </del>You copy your <del class="diffchange diffchange-inline">html </del>and <del class="diffchange diffchange-inline">css </del>code to their respective pages, and if the sheet have translation files, you copy the content of the appropriate language version. If a translation file ins't provided and the sheet used them, it will show red text and the name of the language tag for each section.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>You copy your <ins class="diffchange diffchange-inline">HTML </ins>and <ins class="diffchange diffchange-inline">CSS </ins>code to their respective pages, and if the sheet have translation files, you copy the content of the appropriate language version. If a translation file ins't provided and the sheet used them, it will show red text and the name of the language tag for each section.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>==== HTML Layout====</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>==== HTML Layout====</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 53:</td>
<td colspan="2" class="diff-lineno">Line 58:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>   </div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>   </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>==== CSS Styling====</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>==== CSS Styling====</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>Here you save the full content of the <code>.css</code>-file for a character sheet. If left out, <del class="diffchange diffchange-inline">almost every </del>sheet would stop <del class="diffchange diffchange-inline">functioning or looking sensible</del>, except in the rare cases of extremely simplistic character sheets.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>Here you save the full content of the <code>.css</code>-file for a character sheet. If left out, <ins class="diffchange diffchange-inline">all the styling and visual adjustments is gone, and most </ins>sheet would stop <ins class="diffchange diffchange-inline">working to some degree almost every sheet</ins>,except in the rare cases of extremely simplistic character sheets.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>==== Translation====</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>==== Translation====</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>If the sheet contains i18n <del class="diffchange diffchange-inline">language tags </del>and have an associated <code>translation.json</code> file, it's content would be copied here. If a sheet need them and they are left out, all <del class="diffchange diffchange-inline">the </del>text on the sheet will appear '''RED'''. <del class="diffchange diffchange-inline">More about </del>'''[<del class="diffchange diffchange-inline">[i18n|Sheet translation]</del>]'''</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>If the sheet contains <ins class="diffchange diffchange-inline">[[</ins>i18n<ins class="diffchange diffchange-inline">|sheet translation code]](<code>i18n</code> attributes) </ins>and have an associated <code>translation.json</code> file, it's content would be copied here.</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>If a sheet need them and they are left out, all<ins class="diffchange diffchange-inline">/most </ins>text on the sheet will appear <ins class="diffchange diffchange-inline"><div style="color:red;display:inline;"></ins>'''<ins class="diffchange diffchange-inline"><nowiki>[</nowiki></ins>RED<ins class="diffchange diffchange-inline"><nowiki>]</nowiki></ins>'''<ins class="diffchange diffchange-inline"></div> to indicate missing language tags</ins>. <ins class="diffchange diffchange-inline">If only some words appear <div style="color:red;display:inline;"></ins>'''<ins class="diffchange diffchange-inline"><nowiki></ins>[<ins class="diffchange diffchange-inline"></nowiki>RED<nowiki></ins>]<ins class="diffchange diffchange-inline"></nowiki></ins>'''<ins class="diffchange diffchange-inline"></div>, it means the <code>translation.json</code> is missing sections for those attributes.</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 62:</td>
<td colspan="2" class="diff-lineno">Line 69:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:Preview-panel.png|500px|thumbnail|right|The "Preview Panel/Sheet Editor" showing a preview of a character sheet. This preview is not identical to how the sheet looks in Roll20, and is only an approximation.]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:Preview-panel.png|500px|thumbnail|right|The "Preview Panel/Sheet Editor" showing a preview of a character sheet. This preview is not identical to how the sheet looks in Roll20, and is only an approximation.]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>{{mbox | text = '''Warning:''' The preview panel does not have all the behavior of an actual roll20 instance. <del class="diffchange diffchange-inline">Sheet worker scripts and other JavaScript based features (including </del>repeating sections<del class="diffchange diffchange-inline">) </del>will not work correctly in the Preview.  }}</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>{{mbox | text = '''Warning:''' The preview panel does not have all the behavior of an actual roll20 instance. <ins class="diffchange diffchange-inline">[[Sheetworkers]], [[Building_Character_Sheets#Repeating_Sections|</ins>repeating sections<ins class="diffchange diffchange-inline">]], and any features that rely on accessing any sheet [[Building_Character_Sheets#Storing_User_Data|attribute values]] </ins>will not work correctly in the Preview.  }}</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>The preview panel updates in real-time whenever you change the <code>HTML</code>, <code>CSS</code> or "Translation" of your sheet, to show you an ''approximation'' of what sheet would look like in-game. It's useful for quickly checking superficial change while you're editing, but to be sure of the actual end-result, you need to enter the game and open the sheet itself.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>The preview panel updates in real-time whenever you change the <code>HTML</code>, <code>CSS</code> or "Translation" of your sheet, to show you an ''approximation'' of what sheet would look like in-game. It's useful for quickly checking superficial change while you're editing, but to be sure of the actual end-result, you need to enter the game and open the sheet itself.</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 68:</td>
<td colspan="2" class="diff-lineno">Line 75:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>The Preview panel applies all the same security precautions and filtering as the main Roll20 application. Be sure to right-click and Inspect Element if you are seeing strange behavior (e.g. your styles aren't being applied correctly) -- it may be that there is a security filter that is changing the name of a class or something similar.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>The Preview panel applies all the same security precautions and filtering as the main Roll20 application. Be sure to right-click and Inspect Element if you are seeing strange behavior (e.g. your styles aren't being applied correctly) -- it may be that there is a security filter that is changing the name of a class or something similar.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>If you make any changes in the character sheet editor while in the game, you must save your changes and refresh the active Roll20 game. In addition, if the character sheet contains <code><rolltemplate></code>, the code for it will be seen unprocessed in the preview window. It's recommended that roll templates are placed at the end of the sheet's code so they don't obscure the sheet's visuals when using the preview panel.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>If you make any changes in the character sheet editor while in the game, you must save your changes and refresh the active Roll20 game. In addition, if the character sheet contains <code><rolltemplate></code>, the code for it will be seen unprocessed in the preview window. It's recommended that <ins class="diffchange diffchange-inline">[[Roll Templates|</ins>roll templates<ins class="diffchange diffchange-inline">]] </ins>are placed at the end of the sheet's code<ins class="diffchange diffchange-inline">, </ins>so they don't obscure the sheet's visuals when using the preview panel.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>==Related Pages==</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>==Related Pages==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* {{repo|Roll20/roll20-character-sheets Roll20 Sheet Repository}} - source code of all the community sheets</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* {{repo|Roll20/roll20-character-sheets Roll20 Sheet Repository}} - source code of all the community sheets</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* [[Custom Sheet Sandbox]] The better method for editing/testing custom character sheet code</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* [[Custom Sheet Sandbox]] The better method for editing/testing custom character sheet code</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>* [[Building Character Sheets|Building/Editing Character Sheets]] - <del class="diffchange diffchange-inline">The </del>Documentation starting point</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* [[Building Character Sheets|Building/Editing Character Sheets]] - Documentation starting point</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>** [[<del class="diffchange diffchange-inline">https://wiki.roll20.net/</del>Building_Character_Sheets#Common_Mistakes|Common Mistakes]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>** [[Building_Character_Sheets#Common_Mistakes|Common <ins class="diffchange diffchange-inline">Sheet </ins>Mistakes]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>** [[Sheet Author Tips]] - some more in-depth tips</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>** [[Sheet Author Tips]] - some more in-depth tips</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>** [[Andreas Guide to Sheet Development]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>** [[Andreas Guide to Sheet Development]]</div></td></tr>
</table>1223200https://wiki.roll20.net/index.php?title=Sheet_Editor&diff=23765&oldid=prev1223200: /* Related Pages */2021-03-13T23:14:26Z<p><span dir="auto"><span class="autocomment">Related Pages</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 23:14, 13 March 2021</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 74:</td>
<td colspan="2" class="diff-lineno">Line 74:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* [[Custom Sheet Sandbox]] The better method for editing/testing custom character sheet code</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* [[Custom Sheet Sandbox]] The better method for editing/testing custom character sheet code</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* [[Building Character Sheets|Building/Editing Character Sheets]] - The Documentation starting point</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* [[Building Character Sheets|Building/Editing Character Sheets]] - The Documentation starting point</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">** [[https://wiki.roll20.net/Building_Character_Sheets#Common_Mistakes|Common Mistakes]]</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>** [[Sheet Author Tips]] - some more in-depth tips</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>** [[Sheet Author Tips]] - some more in-depth tips</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>** [[Andreas Guide to Sheet Development]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>** [[Andreas Guide to Sheet Development]]</div></td></tr>
</table>1223200https://wiki.roll20.net/index.php?title=Sheet_Editor&diff=23203&oldid=prev1223200 at 15:21, 6 February 20212021-02-06T15:21:21Z<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 15:21, 6 February 2021</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 81:</td>
<td colspan="2" class="diff-lineno">Line 81:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Character Sheet Creation]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Character Sheet Creation]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Pro]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Pro]]</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">[[Category:Character Sheets]]</ins></div></td></tr>
</table>1223200https://wiki.roll20.net/index.php?title=Sheet_Editor&diff=23186&oldid=prev1223200 at 14:00, 5 February 20212021-02-05T14:00:02Z<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 14:00, 5 February 2021</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 80:</td>
<td colspan="2" class="diff-lineno">Line 80:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Docs]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Docs]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Character Sheet Creation]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Character Sheet Creation]]</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">[[Category:Pro]]</ins></div></td></tr>
</table>1223200https://wiki.roll20.net/index.php?title=Sheet_Editor&diff=23180&oldid=prev1223200: add gif, structure2021-02-05T13:53:41Z<p>add gif, structure</p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 13:53, 5 February 2021</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 8:</td>
<td colspan="2" class="diff-lineno">Line 8:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>=== The Sheet Editor ===</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>=== The Sheet Editor ===</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[File:Game Settings Menu Options.jpg|<del class="diffchange diffchange-inline">350px</del>|thumbnail|left]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[File:Game Settings Menu Options.jpg|<ins class="diffchange diffchange-inline">200px</ins>|thumbnail|left]]</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>To edit a custom character sheet for an existing game:</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>To edit a custom character sheet for an existing game:</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"># Go to a Campaign's/Game's [[Game_Management#Game_Details_Page|Details Page]]/Main page.</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"># Click the [[Game Management#Settings|Settings]]-button, and select [[Game_Settings_Page|Games Settings]].</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"># On the Game settings page, you select '''"Custom"''' from the [[Game_Settings_Page#Character_Sheet_Template|Character Sheet Template]] menu.</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">The editor (shown above) has four tabs: </del>'''<del class="diffchange diffchange-inline">HTML Layout</del>'''<del class="diffchange diffchange-inline">, </del>'''<del class="diffchange diffchange-inline">CSS Styling</del>''<del class="diffchange diffchange-inline">', </del>'''[[<del class="diffchange diffchange-inline">Character Sheet Translation</del>|<del class="diffchange diffchange-inline">Translation</del>]]<del class="diffchange diffchange-inline">'''</del>, and <del class="diffchange diffchange-inline">'''Preview'''</del>. <del class="diffchange diffchange-inline">You copy your html and css code to their respective pages, and if </del>the <del class="diffchange diffchange-inline">sheet have translation files, </del>you <del class="diffchange diffchange-inline">copy the content of the appropriate language version. If a translation file ins't provided and </del>the sheet <del class="diffchange diffchange-inline">used them, it will show red text and the name of the language tag for each section.</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>'''<ins class="diffchange diffchange-inline">1.</ins>''' <ins class="diffchange diffchange-inline">Go to a Campaign</ins>'<ins class="diffchange diffchange-inline">s/Game</ins>'<ins class="diffchange diffchange-inline">s [[Game_Management#Game_Details_Page|Details Page]]/Main page.<br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>'''<ins class="diffchange diffchange-inline">2.</ins>''' <ins class="diffchange diffchange-inline">Click the </ins>[[<ins class="diffchange diffchange-inline">Game Management#Settings</ins>|<ins class="diffchange diffchange-inline">Settings</ins>]]<ins class="diffchange diffchange-inline">-button</ins>, and <ins class="diffchange diffchange-inline">select [[Game_Settings_Page|Games Settings]]</ins>.</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">[[File:Sheet-editor-select-custom.gif|thumbnail|left|500px|Selecting </ins>the <ins class="diffchange diffchange-inline">"custom" option give s </ins>you <ins class="diffchange diffchange-inline">access to </ins>the sheet <ins class="diffchange diffchange-inline">editor]]</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 21:</td>
<td colspan="2" class="diff-lineno">Line 24:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[File:Sheet-editor.gif|<del class="diffchange diffchange-inline">center</del>|800px|thumbnail|Showcasing the Sheet Editor filed out using the code for Band of Blades, and showing in the preview it's partial looks(that doesn't fully reflect how it actually looks inside the game)]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">'''3.''' On the Game settings page, you select '''"Custom"''' from the [[Game_Settings_Page#Character_Sheet_Template|Character Sheet Template]] menu.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[File:Sheet-editor.gif|<ins class="diffchange diffchange-inline">right</ins>|800px|thumbnail|Showcasing the Sheet Editor filed out using the code for Band of Blades, and showing in the preview it's partial looks(that doesn't fully reflect how it actually looks inside the game)]]</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">The editor (shown above) has four tabs: '''HTML Layout''', '''CSS Styling''', '''[[Character Sheet Translation|Translation]]''', and '''Preview'''. You copy your html and css code to their respective pages, and if the sheet have translation files, you copy the content of the appropriate language version. If a translation file ins't provided and the sheet used them, it will show red text and the name of the language tag for each section.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>==== HTML Layout====</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>==== HTML Layout====</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Here you save the full content of the <code>.html</code>-file for a character sheet. This is the absolute essential part for the sheet to save anything.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Here you save the full content of the <code>.html</code>-file for a character sheet. This is the absolute essential part for the sheet to save anything.</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 29:</td>
<td colspan="2" class="diff-lineno">Line 56:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>==== Translation====</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>==== Translation====</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>If the sheet contains i18n language tags and have an associated <code>translation.json</code> file, it's content would be copied here. If a sheet need them and they are left out, all the text on the sheet will appear '''RED'''.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>If the sheet contains i18n language tags and have an associated <code>translation.json</code> file, it's content would be copied here. If a sheet need them and they are left out, all the text on the sheet will appear '''RED'''. <ins class="diffchange diffchange-inline">More about '''[[i18n|Sheet translation]]'''</ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div> </div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><br></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>==== Preview====</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>==== Preview====</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:Preview-panel.png|500px|thumbnail|right|The "Preview Panel/Sheet Editor" showing a preview of a character sheet. This preview is not identical to how the sheet looks in Roll20, and is only an approximation.]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:Preview-panel.png|500px|thumbnail|right|The "Preview Panel/Sheet Editor" showing a preview of a character sheet. This preview is not identical to how the sheet looks in Roll20, and is only an approximation.]]</div></td></tr>
</table>1223200