TinyMCE bulleted/numbered list wrapping oddly from list-style-position default

Kristin J
Mega Sage

Hello there,

 

Updated for Australia!

For anyone who is struggling with your numbered or bulleted lists wrapping underneath the bullet/number instead of aligning with the words...I am using the same workaround that ServiceNow gave me WAY back in Quebec when it happened the first time. The update of the editor to v5 in Utah reintroduced the style property, v6 brought it back it again with Yokohama and Zurich. It persists in Australia so here we go again!

 

It's caused by a default of "inside" being applied to the list-style-position property in ordered or unordered lists. i.e. ,< ul style="list-style-position: inside;" >  (If you change it to 'outside' within the html, it will wrap and align as you probably expect it to, but that's a lot of manual work.)

 

**Caveat** I don't work for ServiceNow but I did validate this workaround through a support ticket. 🙂

To get rid of this default:

  1. Assuming you're on V6, open the system property glide.ui.html.editor.valid_plugins
    1. If you're still on V5, open the system property glide.ui.html.editor.v5.valid_plugins  
  2. Remove 'align_listitems' from the choice and value fields.

The result should be that an ordered or unordered list will have no style applied, and will look like < ul > or < ol > when you check the html. I've attached a couple screenshots to highlight the difference.

 

Good luck!

Kristin

4 REPLIES 4

Trevor Petrie
Tera Guru

Thank you Kristen!! Removing "align_listitems" from the choice and value fields worked like a charm!! This has been a thorn in my side ever since it was introduced. Thank you for sharing!

I'm so glad I could help!

Hello...I thought I'd link you back here in case you didn't remember what you did....because it's back in Yokohama lol.

sangeethred
Tera Contributor

Hello,

This workaround is effective in the Native View, but it does not resolve the issue in Knowledge Center Workspace and HR Agent Workspace. Is there an alternative workaround or solution available for these workspaces?