Skip to main content
Solved

Are nested alphanumeric lists supported within a numbered list in an article?


  • Contributor ⭐️⭐️
  • 5 replies

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!

Best answer by Kenneth R

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.  :)

 

View original
Did you find this topic helpful?

2 replies

Kenneth R
Forum|alt.badge.img+5
  • Gainsight Community Manager
  • 424 replies
  • Answer
  • October 9, 2024

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.  :)

 


  • Author
  • Contributor ⭐️⭐️
  • 5 replies
  • October 11, 2024

Thanks, @Kenneth R ! That works.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings