Star Wars Saga Rpg Sheet variation for Babylon 5 and one for Fantasy

Hi, I am trying to setup\create new character sheets for a couple of new games. One is a Babylone 5 game and another is a Fantasy type game. I'm struggling to get hold of the HTML to create a character that matches the current sheet. Any help would be appreciated and I'll happily share. The Babylon 5 game would be potentially very simple with Use Force changed to Use Psionics. With the Fantasy one I am still working on the specifics but the Use the Force would be maybe Use Arcane. Another option is to be able to add extra skill options with an Open Name field. Any help would be appreciated?

Hi Steve, All sheet code can be found on roll20's github repository . Babylon 5 :&nbsp; <a href="https://github.com/Roll20/roll20-character-sheets/tree/master/Babylon%205" rel="nofollow">https://github.com/Roll20/roll20-character-sheets/tree/master/Babylon%205</a> Not sure what "Fantasy" system/sheet you are referring to...?&nbsp; Fantasy Age perhaps?

I've tried the HTML code from the repository and the format comes out wrong.

Steve P. said: I've tried the HTML code from the repository and the format comes out wrong. Are you also using the CSS file?&nbsp; You'll need both to try and emulate the look of the original sheet.

I hate to show my ignorance but can you tell me howI apply the CSS file please?

Steve P. said: I hate to show my ignorance but can you tell me howI apply the CSS file please? you do the same thing as with the html code, copy and save in the right&nbsp; sheet editor tab. <a href="https://wiki.roll20.net/Building_Character_Sheets#The_Sheet_Editor" rel="nofollow">https://wiki.roll20.net/Building_Character_Sheets#The_Sheet_Editor</a>

Awesome, that's great thanks. I'm getting there by the looks of things. I'll share what I come out with at the end.

I'm getting the feel but is anyone able to give me an example of adding on a new skill please? Like Use Psionic Power. I tried adding a new skill by copying an existing skill but found the second skill is linked (I used Use Computer).

Steve P. said: I'm getting the feel but is anyone able to give me an example of adding on a new skill please? Like Use Psionic Power. I tried adding a new skill by copying an existing skill but found the second skill is linked (I used Use Computer). It's best to post some code that you're working with.&nbsp; Maybe post the "relevant" code for an existing skill and post the new skill code you tried that isn't working.&nbsp; Be sure to format any copy/pasted code using the "C ode " format tool from the forum editor's top menu.&nbsp; Makes for a much cleaner post. ;-) and include an explanation of what isn't working as well.

Thanks for the advice. As per below I have added the skill Use Computer a second time with the intension of turning it into the skill Use Psionics, however when I tick on Trained on the character sheet, it adds the tick to both Use Computer options. So this one must be linked via the code to the Use Computer.&nbsp; Are you able to tell me what I can do (need to change) throughout this code to separate it from the original Skill of Use Computer.&nbsp; What isn't working at the moment is my understanding on what I can change 'safely' on the code so I can add new skills (or even modify existing ones). The code is on line 1470 and downwards &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="table-row"&gt;&lt;div class="table"&gt; &lt;div class="table-row"&gt; &lt;span class="table-data skillsCol1"&gt; &lt;span&gt;Use Computer&lt;/span&gt; &lt;input type="checkbox" class="sect-show skillsHideCheckbox" style="width: 88px; margin-left: -91px;" value="1" name="attr_Skill-UseComputer-Show" title="Show/Hide UseComputer Notes" /&gt;&lt;/span&gt; &lt;span class="table-data"&gt;&lt;button type="roll" name="roll_UseComputerCheck" value="@{UseComputerFormula|max}"&gt;&lt;/button&gt;&lt;/span&gt; &lt;span class="table-data"&gt;&lt;input type="number" name="attr_UseComputer" value="@{UseComputerFormula}" disabled="true" title="Use Computer Total @{UseComputer}" class="skills" /&gt;&lt;/span&gt;&nbsp; &lt;span class="table-data"&gt;&amp;nbsp;=&amp;nbsp;&lt;/span&gt; &lt;span class="table-data"&gt;&lt;select name="attr_UseComputerMod" class="modtype" title="Use Computer Mod (default INT)"&gt; &nbsp; &lt;option value="@{str|max}" data-i18n="str"&gt;STR&lt;/option&gt; &nbsp; &lt;option value="@{dex|max}" data-i18n="dex"&gt;DEX&lt;/option&gt; &nbsp; &lt;option value="@{con|max}" data-i18n="con"&gt;CON&lt;/option&gt; &nbsp; &lt;option value="@{int|max}" data-i18n="int" selected&gt;INT&lt;/option&gt; &nbsp; &lt;option value="@{wis|max}" data-i18n="wis"&gt;WIS&lt;/option&gt; &nbsp; &lt;option value="@{cha|max}" data-i18n="cha"&gt;CHA&lt;/option&gt; &lt;/select&gt;&lt;/span&gt; &lt;span class="table-data skillsFeats"&gt;&lt;input type="checkbox" value="5" name="attr_UseComputerFeat" title="Trained in Use Computer?" /&gt;&lt;/span&gt; &lt;!-- Skill Training --&gt; &lt;span class="table-data skillsFeats"&gt;&lt;input type="checkbox" value="5" name="attr_UseComputerFeat_max" title="Focused in Use Computer?" /&gt;&lt;/span&gt; &lt;!-- Skill Focus --&gt; &lt;span class="table-data"&gt;&lt;input type="number" name="attr_UseComputerMisc" title="Use Computer Miscellaneous Modifier" value="0" class="skills" /&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt;&lt;/div&gt; &lt;div&gt; &lt;!-- UseComputer Notes --&gt; &lt;input type="checkbox" class="sect-show hidden" value="1" name="attr_Skill-UseComputer-Show" /&gt; &lt;div class="table-row sect"&gt;&lt;div class="table"&gt; &lt;div class="table-row"&gt; &lt;span class="table-data" style="min-width:50px"&gt; &lt;/span&gt; &lt;span class="table-data"&gt; &lt;input class="skillsNotes" type="text" name="attr_UseComputer_max" placeholder="Use Computer Notes" title="Use Computer Notes @{UseComputer|max}" /&gt; &lt;/span&gt; &lt;span class="table-data" style="min-width:15px"&gt; &lt;/span&gt; &lt;span class="table-data"&gt; &lt;b&gt;Formula&lt;/b&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;input type="checkbox" class="sect-show" title="Show/Hide Skill Template Formula_max" name="attr_Skill-UseComputer-Formula-show" value="1" style="opacity:0;width: 35px;height: 16px;position: relative;top: 5px;left: 6px;margin: -32px;cursor: pointer;z-index: 1;" /&gt;&lt;span&gt;&lt;/span&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- UseComputer Formula --&gt; &lt;input type="checkbox" class="sect-show hidden" value="1" name="attr_Skill-UseComputer-Formula-Show" /&gt; &lt;div class="table-row sect"&gt; &lt;div class="table"&gt; &lt;div class="table-row"&gt; &lt;span class="table-data" style="min-width:50px"&gt; &lt;/span&gt; &lt;span class="table-data skillFormula"&gt; &lt;span class="small"&gt;&lt;b&gt;Skill Modifier Total Formula&lt;/b&gt;&lt;/span&gt; &lt;br /&gt; &lt;input type="text" name="attr_UseComputerFormula" class="skillFormula" title="Skill Total formula @{UseComputerFormula}" value="@{level|max}[Half Level]+@{UseComputerMod}[Mod]+@{UseComputerFeat}[Training]+@{UseComputerFeat|max}[Focus]+@{UseComputerMisc}[Misc]+@{CT}[CT]" /&gt;&nbsp; &lt;span class="small"&gt;&lt;b&gt;Template Formula&lt;/b&gt;&lt;/span&gt; &lt;br /&gt; &lt;input type="text" name="attr_UseComputerFormula_max" class="skillFormula" title="Skill Template formula @{UseComputerFormula|max}" value="&amp;{template:skill} {{name=Use Computer}} {{skill=[[1d20 + @{UseComputer} + ?{Other Modifiers|0}[Other]]]}} {{notes=@{UseComputer|max}}}" /&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/span&gt;

That's a real jumble of code Steve... It would help if you are able to grab a complete block of code that only encompasses the computer skill row.&nbsp; The code you posted above seems to include the closing tags of some previous elements(possibly the previous row?) and it appear to be missing the ending tags for the code that is included.&nbsp; Try and grab the outermost element ( &lt;div&gt;...all the code between...&lt;/div&gt; ) that includes the code you want to share. You might try posting a link to the entire code (html and css) using a site like <a href="https://privatebin.net/" rel="nofollow">https://privatebin.net/</a> &nbsp;or&nbsp; <a href="https://justpaste.me/" rel="nofollow">https://justpaste.me/</a> If you are completely adding a new row using the computer row as your template, you will probably need to substitute any "computer-based" attributes/text to a "ps ionic-based " naming schema. example&nbsp; name="roll_Use Computer Check" would become&nbsp;name="roll_Use Psionic Check" You might also need to update any CSS that hides/shows sections of the skill to match your new naming schema as well.

Many thanks for the advice Vince, its appreciated. I am a noob at this (despite my age) so it's really appreciated. The code for building the sheet is as shown below (the original code) <a href="https://github.com/Roll20/roll20-character-sheets/blob/master/Star%20Wars%20Saga%20Edition/StarWarsSagaEdition.html" rel="nofollow">https://github.com/Roll20/roll20-character-sheets/blob/master/Star%20Wars%20Saga%20Edition/StarWarsSagaEdition.html</a> <a href="https://github.com/Roll20/roll20-character-sheets/blob/master/Star%20Wars%20Saga%20Edition/StarWarsSagaEdition.css" rel="nofollow">https://github.com/Roll20/roll20-character-sheets/blob/master/Star%20Wars%20Saga%20Edition/StarWarsSagaEdition.css</a> I'm working today so I'll try your suggestions later today but figured I'd drop the information that you mentioned. For me, the main initial aim is to re-word some of the Skills. This is the core of what I am trying to achieve. A longer term goal is to figure out how to add some skills (and possibly remove some) but add is the more important.

Remember to check <a href="https://wiki.roll20.net/Building_Character_Sheets" rel="nofollow">https://wiki.roll20.net/Building_Character_Sheets</a> , as it is the holy grail for things related to Roll20 character sheet creation. A longer term goal is to figure out how to add some skills (and possibly remove some) but add is the more important. Adding skills should be fairly straightforward, a quick look at the sheetworkers didn't seem to interact with skills really, so you as long as you use other skills(that are keyed to the same attribute) as templates for creating the new ones, and figuring out how to make space on the sheet for the new skills, you should be good.

How do I change the output when I click on a skill? Also how do I make it so a skill 'name' is an open field so you can add your own skills when required? I'm getting there just need to play around a bit more.

Steve, see if this works for you.&nbsp; I added a row for "Use Psionics". code for the Psionic Skill (add under the similar code clock for Computer) &lt;div class="table-row"&gt; &lt;div class="table"&gt; &lt;div class="table-row"&gt; &lt;span class="table-data skillsCol1"&gt; &lt;span&gt;Use Psionics&lt;/span&gt; &lt;input type="checkbox" class="sect-show skillsHideCheckbox" style="width: 88px; margin-left: -91px;" value="1" name="attr_Skill-UsePsionics-Show" title="Show/Hide UsePsionics Notes" /&gt;&lt;/span&gt; &lt;span class="table-data"&gt;&lt;button type="roll" name="roll_UsePsionicsCheck" value="@{UsePsionicsFormula|max}"&gt;&lt;/button&gt;&lt;/span&gt; &lt;span class="table-data"&gt;&lt;input type="number" name="attr_UsePsionics" value="@{UsePsionicsFormula}" disabled="true" title="Use Psionics Total @{UsePsionics}" class="skills" /&gt;&lt;/span&gt; &lt;span class="table-data"&gt;&amp;nbsp;=&amp;nbsp;&lt;/span&gt; &lt;span class="table-data"&gt; &lt;select name="attr_UsePsionicsMod" class="modtype" title="Use Psionics Mod (default INT)"&gt; &lt;option value="@{str|max}" data-i18n="str"&gt;STR&lt;/option&gt; &lt;option value="@{dex|max}" data-i18n="dex"&gt;DEX&lt;/option&gt; &lt;option value="@{con|max}" data-i18n="con"&gt;CON&lt;/option&gt; &lt;option value="@{int|max}" data-i18n="int" selected&gt;INT&lt;/option&gt; &lt;option value="@{wis|max}" data-i18n="wis"&gt;WIS&lt;/option&gt; &lt;option value="@{cha|max}" data-i18n="cha"&gt;CHA&lt;/option&gt; &lt;/select&gt; &lt;/span&gt; &lt;span class="table-data skillsFeats"&gt; &lt;input type="checkbox" value="5" name="attr_UsePsionicsFeat" title="Trained in Use Psionics?" /&gt;&lt;/span&gt; &lt;!-- Skill Training --&gt; &lt;span class="table-data skillsFeats"&gt; &lt;input type="checkbox" value="5" name="attr_UsePsionicsFeat_max" title="Focused in Use Psionics?" /&gt;&lt;/span&gt; &lt;!-- Skill Focus --&gt; &lt;span class="table-data"&gt; &lt;input type="number" name="attr_UsePsionicsMisc" title="Use Psionics Miscellaneous Modifier" value="0" class="skills" /&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt; &lt;!-- UsePsionics Notes --&gt; &lt;input type="checkbox" class="sect-show hidden" value="1" name="attr_Skill-UsePsionics-Show" /&gt; &lt;div class="table-row sect"&gt; &lt;div class="table"&gt; &lt;div class="table-row"&gt; &lt;span class="table-data" style="min-width:50px"&gt;&lt;/span&gt; &lt;span class="table-data"&gt; &lt;input class="skillsNotes" type="text" name="attr_UsePsionics_max" placeholder="Use Psionics Notes" title="Use Psionics Notes @{UsePsionics|max}" /&gt;&lt;/span&gt; &lt;span class="table-data" style="min-width:15px"&gt;&lt;/span&gt; &lt;span class="table-data"&gt; &lt;b&gt;Formula&lt;/b&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;input type="checkbox" class="sect-show" title="Show/Hide Skill Template Formula_max" name="attr_Skill-UsePsionics-Formula-show" value="1" style="opacity:0;width: 35px;height: 16px;position: relative;top: 5px;left: 6px;margin: -32px;cursor: pointer;z-index: 1;" /&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- UsePsionics Formula --&gt; &lt;input type="checkbox" class="sect-show hidden" value="1" name="attr_Skill-UsePsionics-Formula-Show" /&gt; &lt;div class="table-row sect"&gt; &lt;div class="table"&gt; &lt;div class="table-row"&gt; &lt;span class="table-data" style="min-width:50px"&gt;&lt;/span&gt; &lt;span class="table-data skillFormula"&gt; &lt;span class="small"&gt; &lt;b&gt;Skill Modifier Total Formula&lt;/b&gt;&lt;/span&gt;&lt;br /&gt; &lt;input type="text" name="attr_UsePsionicsFormula" class="skillFormula" title="Skill Total formula @{UsePsionicsFormula}" value="@{level|max}[Half Level]+@{UsePsionicsMod}[Mod]+@{UsePsionicsFeat}[Training]+@{UsePsionicsFeat|max}[Focus]+@{UsePsionicsMisc}[Misc]+@{CT}[CT]" /&gt; &lt;span class="small"&gt; &lt;b&gt;Template Formula&lt;/b&gt;&lt;/span&gt;&lt;br /&gt; &lt;input type="text" name="attr_UsePsionicsFormula_max" class="skillFormula" title="Skill Template formula @{UsePsionicsFormula|max}" value="&amp;{template:skill} {{name=Use Psionics}} {{skill=[[1d20 + @{UsePsionics} + ?{Other Modifiers|0}[Other]]]}} {{notes=@{UsePsionics|max}}}" /&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; here's the complete HTML with the psionic code added:&nbsp; <a href="https://gist.github.com/vince-roll20/592bad11aa6a385e5d29dad09c58ace8" rel="nofollow">https://gist.github.com/vince-roll20/592bad11aa6a385e5d29dad09c58ace8</a> Steve P. said: How do I change the output when I click on a skill? Also how do I make it so a skill 'name' is an open field so you can add your own skills when required? I'm getting there just need to play around a bit more. You can edit the HTML above and change the roll template output for name and enter whatever you like.&nbsp; ie {{name= Use Psionics }} Are you wanting to add a repeating skill section? So that you can add as many new skills as you like?&nbsp; That should be possible, but might require a bit more code-bending than simply adding a few new non-repeating skills...&nbsp; Also, if you don't see a need to add a new repeating skill section, there may be a way to simply add some (maybe 3-5?) blank skills that would allow a player to fill-in their own skill name.