Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

New Character Sheet Workflow

Just a quick question. I am using Dreamweaver  to edit a new character sheet in HTML/CSS. Right now when I make changes to the sheet, i select all & copy all the code (html, css) and go to game settings and manually paste in the html/css into the custom sheet, save it and relaunch game. This makes coding / debugging a little slow.  Does anyone have any suggestions about a better workflow?  I think you can post finished character sheets to github but I dont want to post anything buggy.
1513437612
Jakob
Sheet Author
API Scripter
I mean, you can do a minor bit of automation by using some tool that will do the copy-pasting and refreshing the game part for you, on a Mac I would use Applescript - but even that takes some time and is kind of annoying, you should also look into minimising the amount of times you have to go through the whole process. For example, when I'm playing around with CSS (my nemesis, and the part that usually takes the longest to debug), I test all the changes in the browser inspector and only then write them to the CSS file.
Thanks for the tips. I was hoping there was a version of the default CSS and Javascript developers could download and set-up a development server locally, but I realize that would be tricky and would reveal the "secret sauce" of roll20. I'm getting the hang of custom development and the preview frame is very handy, so it shouldn't be too bad. 
1513515027
Jakob
Sheet Author
API Scripter
ZedDude said: Thanks for the tips. I was hoping there was a version of the default CSS and Javascript developers could download and set-up a development server locally, but I realize that would be tricky and would reveal the "secret sauce" of roll20. I'm getting the hang of custom development and the preview frame is very handy, so it shouldn't be too bad.  I mean, you can download the base.css and app.css and together with the right wrapper it will get you pretty close, CSS-wise ... that won't work for sheet workers however. Oh, and do not trust the preview window. I find it totally useless, because it does not support translation or sheet workers or actually propagating attribute changes, plus the CSS is sometimes off in subtle ways.