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 Sheet Developer Tips & Tricks

New to writing sheets for Roll20, is there any tips & tricks veterans may have for developing them? Currently facing an issue with seeing changes to the sheet reflected in realtime with CSS functionality. Is it necessary to upload the sheet to Roll20 for the CSS to function? Tried many tips so far with no luck, but I'm sure I'll have many more frustrations along the way. Just general advice would be much welcomed too! :)
1713332458

Edited 1713332475
vÍnce
Pro
Sheet Author
Hi Epicmarkvan, creating or customizing a sheet can be great fun and addicting.&nbsp; I would follow the wiki recommendations for setting up your local dev environment (install the extension listed to see real-time edits in a sandbox game); <a href="https://wiki.roll20.net/Character_Sheet_Development/Tools" rel="nofollow">https://wiki.roll20.net/Character_Sheet_Development/Tools</a> I also cannot recommend GiGs site enough for anyone wanting to get into sheet development; <a href="https://cybersphere.me/" rel="nofollow">https://cybersphere.me/</a> Finally, ask questions when you get stuck and or share your discoveries so that other's can avoid some of the same pit falls we have all encountered. Goodluck
1713366998

Edited 1713367009
GiGs
Pro
Sheet Author
API Scripter
I second vince's recommendation for obvious reasons. Currently facing an issue with seeing changes to the sheet reflected in realtime with CSS functionality. Is it necessary to upload the sheet to Roll20 for the CSS to function? Can you show the code you are trying that isn't working? We are just flailing in the dark without that. Be aware that anything based on the DOM will not work on Roll20, a lot of javascript is blocked. You can test code in the custom sheet sandbox - you don't have to upload to roll20 to test (most) of your code. You'll find that here: <a href="https://app.roll20.net/sheetsandbox" rel="nofollow">https://app.roll20.net/sheetsandbox</a> You do need to be a Pro subscriber to test things on Roll20. Testing anythigng outside of Roll20 will give incorrect results, because the roll20 environment is different from standard webdesign.