Bullet lists
Bullet lists should be formatted using the Bullet list button in the TinyMCE. Avoid the additional options in the dropdown. The sequencing of list bullet types is automatic.
Examples of lists
Default list
- Souvlaki ignitus carborundum e pluribus unum.
- Defacto lingo est igpay atinlay. Marquee selectus.
- Quote meon an estimate et non interruptus stadium
Do not select Circle
- Souvlaki ignitus carborundum e pluribus unum.
Do not select Disc
- Souvlaki ignitus carborundum e pluribus unum.
Do not select Square
- Souvlaki ignitus carborundum e pluribus unum.
Numbered lists
Numbered lists should be formatted using the Numbered list button in the TinyMCE. There are additional options in the drop-down arrow next to the numbered list button for upper and lower case alpha, roman, and greek.
Examples of numbered lists
Default numbered list
- Souvlaki ignitus carborundum e pluribus unum.
- Defacto lingo est igpay atinlay. Marquee selectus.
- Quote meon an estimate et non interruptus stadium
Lower Alpha numbered list
- Souvlaki ignitus carborundum e pluribus unum.
- Defacto lingo est igpay atinlay. Marquee selectus.
- Quote meon an estimate et non interruptus stadium
List within a list
- Sometimes you need to create a list within a list. Follow these instructions in order to retain the correct formatting of bullets and indentations.
- NOTE: These instructions can be followed for both bulleted AND numbered lists.
- Type out your entire list without indentations.
- Highlight the entire list and click the bullet option - this will give you the black bullets.
- Add in the information for your clear bullets by clicking the desired line within the black bulleted list, and pressing tab. This will indent the second line and change the bullet from a black bullet to a clear bullet.
End result of a properly formatted list.
Troubleshooting list formatting
Soft break or soft return
In order for TinyMCE to properly format lists, soft returns must be removed and converted to paragraphs [<p> tags]. These methods work for bullet list as well as numbered lists.
Shows a manually formatted numbered list with soft returns. These should be converted into a proper numbered list.
Converting soft returns to returns
After each line hit return, then backspace. This converts line-breaks <br> into paragraphs <p>. Delete the numbers and other spacing.
Clean content
After clearing off extraneous spacing and converting the shift+returns to returns, your content should have clear divisions between each list item. No numbers are listed, the numbers will be created by the number list button automatically assigned to each line.
End result of a proper numbered list.
End result
Carefully select the portion you need converted to list. Preferred method of selection is click and drag rather than double-click to select content in the tinyMCE. Then click the numbered list button and your your content will look like above.