Take the following code and paste it into the editor in HTML mode...
Copy Code
<html>
<head>
<title></title>
<style type="text/css">
OL LI {LIST-STYLE-TYPE: upper-roman;}
OL LI OL LI {LIST-STYLE-TYPE: upper-alpha;}
OL LI OL LI OL LI {LIST-STYLE-TYPE: decimal;}
</style>
</head>
<body>
<ol>
<li>Test...
<ol>
<li>add sub bullet after this item...
</li>
<li>it most likely got formatted with an "A" and not a "1"<br />
<ol>
<li>It should have been a 1 like this line</li>
</ol>
</li>
</ol>
</li>
</ol>
</body>
</html>
Flip back to design view and it looks great. Then in design view add a sub bullet to bullet A. It will be formatted with an "A" instead of a "1" that the css style defines. But, if you switch back to HTML view and then back to Design view the formatting is correct. Am I doing something wrong or is this a known issue?
Telerik Comment:
The Indent button (which fires a browser command) which is used to insert a sub bullet produced the following non XHTML compliant content:
<OL>
<LI>Test...
<OL>
<LI>add sub bullet after this item... </LI>
<OL>
<LI>new sub bullet</LI></OL>
<LI>it most likely got formatted with an "A" and not a "1"<BR>
<OL>
<LI>It should have been a 1 like this line </LI></OL></LI></OL></LI></OL>
When you switch to HTML mode, the ConvertToXhtml filter of RadEditor corrects the content and it becomes:
<ol>
<li>Test...
<ol>
<li>add sub bullet after this item...
<ol>
<li>new sub bullet</li>
</ol>
</li>
<li>it most likely got formatted with an "A" and not a "1"<br />
<ol>
<li>It should have been a 1 like this line </li>
</ol>
</li>
</ol>
</li>
</ol>
For this reason there is a difference how the bullets are rendered.