Skip to main content.

Lists

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

  1. Souvlaki ignitus carborundum e pluribus unum.
  2. Defacto lingo est igpay atinlay. Marquee selectus.
  3. Quote meon an estimate et non interruptus stadium

Lower Alpha numbered list

  1. Souvlaki ignitus carborundum e pluribus unum.
  2. Defacto lingo est igpay atinlay. Marquee selectus.
  3. Quote meon an estimate et non interruptus stadium

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.

manual formatting of a numbered list

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.

changing shift + returns to hard returns

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.

proper numbered list in TinyMCE

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.

bg

UMass Dartmouth Virtual Tour

Visit us virtually: There’s nothing like being on campus. But, for now, take a virtual tour of UMass Dartmouth.
Go to virtual tour

+