Creating a custom title and subtitle for your interview
You can customize almost everything about a docassemble interview's appearance right out of the box. Something you may want to do early on is to change the title that appears in the navigation bar. You do this by customizing the Metadata block.
Using a pre-built Bootstrap theme
A website's appearance is often controlled with a CSS (cascading style sheet) file. Docassemble allows you to use your own CSS to change the appearance of interviews. A common way to change the appearance of docassemble is with a pre-built Bootstrap theme.
Bootstrap is currently the world's most popular framework for layout and style of a website. That makes it easy to find a style that someone else created and adapt it to your needs.
A good source for free, pre-built themes is Bootswatch.
You may find yourself wanting to build a theme with custom colors and more. Try experimenting with one of these tools:
The number and variety of options, even with a builder, can be overwhelming. The docassemble documentation includes some tips to help.
Decorating your interview with images
One of the cool features of docassemble is the ability to natively access a massive set of free icons called Font-Awesome.
First, you need to tell docassemble to turn on this option.
Then, to insert an icon into your interview, just reference it using the shorthand
Try running the interview below in your docassemble playground.
You can also add a Font-Awesome icon as a "decoration" that appears in the top right corner of the interview.
And use a Font-Awesome icon as a button:
Quinten Steenhuis, June 2020