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

Specify an image for the ordered and unordered lists


Product Version 2019.3.1023
Product RadEditor for ASP.NET AJAX


The article explains how to configure the bullet and numbered lists to use a custom image for the marker.


The solution is to define a bullet list with an image via the list-style-image CSS property:

ul {
       list-style-image: url('sqpurple.gif');

You can see how to import this style in RadEditor in this live demo: Editor - Customize Content Area, e.g.

For ContentAreaMode="Div" you can make it like this:

    .reContentArea ol, .reContentArea ul 
        list-style-image: url(;
<telerik:RadEditor runat="server" ContentAreaMode="Div"></telerik:RadEditor>

For ContentAreaMode="iframe" create a CSS file with contents:


    ol, ul {
        list-style-image: url(;

and import it in the content area with the ContentAreaCssFile or CssFiles property:

In this article
Not finding the help you need? Improve this article