Our Fill In Note system will allow you to do some basic customization through the provided edit options, HTML, or Markdown. You can write using any of these options directly in the editor side of Fill In Notes while seeing how it will look in the Live Preview pane.
Header
The header is the first screen that a user sees when they open up a Fill-in Notes document.
Finding the Header Options
Start inside of your Fill in Notes document and select Page Settings (Gear) in the top right
Select the Styling tab
Choose your Header Style and
Header Color
Under styling, there are two main sections. One titled Header Style (3) and one titled Color. This is where you can customize the look and feel of your header section.
Header Options
Underneath header style (3), there are three options: Full-screen, minimal, and disabled. Beneath the header style is the color option (4). This color is only used as the background color for the full-screen header option and is not used anywhere else in the documents
Edit options
At the top of your note, you will find these Fill In Notes edit options. You can just click on these to insert them directly into your note! The circled kebab menu (⋮) provides the dropdown shown below of further edit options. These will be the main edit options needed by most of our users.
HTML
If you find that you need to do something that the above edit options don't provide, you can also use basic HTML tags to customize your notes. Not all tags will work, so you may need to do a bit of trial and error. Below are some common ones that work, and are not available via edit options:
HTML tag | Tag function | Example |
<h1></h1> | Bold header | <h1>Job 1:1</h1> |
<h2></h2> | Unbolded header | <h2>Matthew 1:1</h2> |
<a href="URL">Click Me!</a> | Link | <a href="https://www.google.com"</a>; |
<u></u> | Underline | <u>Jesus wept</u> |
Markdown
Markdown is another great way to add content to your notes. The way Markdown works is pretty different than HTML, so we recommend copying and pasting the Markdown below into a test note to see how it works between the edit and preview panes.
Note! use a double space at the end of a line if you're having trouble with line breaks.
# Header 1
## Header 2
Header 1
========
Header 2
--------
**Bold Text**
__Bold Text #2__
*Emphasis/Italics*
_Emphasis/Italics #2_
~~Strikethrough~~
```citation text```
> Single
> '>'
> indents
1. Numbered list
2. 2nd one
1. With subsections
2. 2nd subsection
3. 3rd one
* unordered subsection
4. 4th one
---
* Unordered list can use asterisks
- Or minuses
+ Or pluses
[Hyperlink!!!](https://www.google.com)
`single grave`
An [example][id]. Then, anywhere
else in the doc, define the link:
[id]: http://example.com/ "Title"
This is a normal paragraph.
This is a pre-formatted
code block.
- Bullet
- Points
* Somehow there's a line break above this nested entry
- Another one with an extra space
- And end
Text Text Text Text Text (Standard)
*Text Text Text Text Text* (Italics 1)
_Text Text Text Text Text_ (Italics 2)
**Text Text Text Text Text** (Bold 1)
__Text Text Text Text Text__ (Bold 2)
Changes made in the style might take up to 15 minutes to reflect in your live document.