New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

RadEditor Bulleted and Numbered Lists Not Displayed


Property Value
Product RadEditor for ASP.NET AJAX
Version all


I am experiencing an issue with RadEditor where the bulleted/numbered lists are not displayed when the text is aligned left. However, when I save the text and display it in another HTML control, like a GridHTMLEditorColumn, the lists are displayed correctly. Additionally, if I click the indent button, the lists are displayed but are then too far right when saved. I need assistance in resolving this issue.


To resolve this issue, follow these steps:

  1. Set the CssFiles property of RadEditor to point to an empty CSS file. This will help address content area appearance problems. Here's an example:
<telerik:RadEditor RenderMode="Lightweight" ID="RadEditor1" runat="server">
        <telerik:EditorCssFile Value="~/EditorContentArea.css" />

Note: This solution works only in the IFRAME-based content area mode. In DIV mode, where the content area is part of the same page as the editor, you need to override the li class selector with a strong class to override the global class. Here's an example:

div.reContentArea li {
    margin-left: 10px !important; /* Modify the value to make the bullet visible */
    list-style-type: disc !important;
  1. For more information and resources, refer to the following links:
  2. RadEditor Content Area Defaults
  3. Decorating DIV ContentAreaMode
  4. MDN Web Docs - list-style-type
In this article