Guide to the Guide
What you need to know to begin creating your sheet, and publishing it for others to use.
Character Sheet – HTML Example
An example of building a roll20 Character Sheet for Castle Falkenstein
HTML Fundamentals
The previous pages cover HTML Elements. This is a grab-bag of everything else.
HTML Images
Images make a sheet prettier and nicer to use. Here's one way to add them to your sheets.
Using Buttons to Make Rolls
Add rolls and macros to the character sheet, that work with just a click!
Conditional Inputs – checkboxes, radios, labels
What are checkboxes and radio buttons? What are labels for? Find out here.
Choosing from a List – select, datalist
When you want to present the player with a list of options, use a select or datalist.
Containers – div, section, details
An introduction to Containers, including the ever-present DIV.
Displaying Text – span & textarea
How to display text on a character sheet - spans, paragraphs, and textareas.
Inputs and Attributes
The best way to create attributes in Roll20 sheets is to use Inputs. Learn how to make them here.
Headings and Line Breaks
Learn how to create the simplest HTML elements, and discover the basic structure of all HTML elements.
HTML – The Building Blocks
An introduction to the guide on how use HTML in Roll20 Character Sheets.
Avoid Using Inline Styles
Inline styles are when you put style: directly in the HTML. Here are the benefits of using CSS instead.
Don’t Use TABLE – use GRID
When creating a sheet, don't use TABLE. Learn how to use CSS Grid to EASILY organise your sheet.
Attributes and Abilities
You shouldn't use the Attributes list on the Attributes and Abilities tab. Here's the reason why.
Pendragon Dice Rolls
Pendragon has a deceptively complicated system for dice rolls. Here is a simple alternative.