Anduh/Roll20-grid-template

Character sheet template for Roll20 based around CSS Grid. CSE is the newer and better template.

Roll20 Character Sheet Template

A simple Character Sheet Template for Roll20.

See Building Character Sheets for sheet development documentation, starting with Using Custom Sheets.

ToC

• Roll20 Character Sheet Template
• Templates
  • New
  • Old
• Helpful Tools

Templates

New

The simple-template-folder containts a simple sheet template with a basic layout, containing examples of the most common elements sheets usually have.

The primary layout is made using CSS Grid, with grid-template-areas.

• Benefit with using grid-template-areas is that naming sheet sections and then easily display in a human-readable grid in the CSS file.
• The drawback is that you can't have sections that overlap with each-other, using grid-template-areas.

See Character Sheet Enhancement(CSE) for new sheet features in 2021.

Old

Not recommended

The simple-template-legacy-folder contains the barebones sheet example I made back in 2019, which works for Legacy Character Sheets(LCS).

This is the format sheet code follow, if they where designed before March 2020, and behaves slightly differently than sheets updated to follow the Character Sheet Enhancement(CSE) format.

Helpful Tools

Virtual Studio Code Extensions:

• Roll20 Sheet Dev - Various Improvements for VS Code to optimize for Roll20 Character Sheet editing & development.
• Roll20 Macros - provides syntax highlight for Roll20's macro & dice syntax.