Skip to main content

I’m creating an article in our knowledge base that includes a procedure with numbered steps that is inside a spoiler. I’ve added this code <ol style="list-style-type: lower-alpha;"> to include a nested alphanumeric list within the numbered procedure.


When I’m in the authoring tool, the content looks fine.


But when I preview the article, the indented alphanumeric list is converted to an indented numeric list.


Can anyone help? Thanks in advance!

Hi @ljaynes - I’ve done some testing and can confirm what you describe.  Our HTML editor is quite strict and will strip-out what it considers to be non-standard code (for security reasons).  So while we sometimes can inject a bit of HTML into the code editor, in some cases (like this one) it won’t be possible.  

There are ways to create an ordered list with alphanumerics, though.  In my own testing just now, I first created an ordered list with a div class like this:

<div class="alpha-list-wrapper">
<ol>
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ol>
</div>

I then added this bit of CSS to the CSS window in Customise mode:

.alpha-list-wrapper ol {
  list-style-type: lower-alpha;
}

This also works with a list that’s nested and within a spoiler.  :)

 

Thanks, @Kenneth R ! That works.

Reply


Terms & ConditionsCookie settings