Save and Cancel Images when rendermode is lightweight

[Brete]

I am in the process of upgrading to Telerik_UI_for_ASP.NET_AJAX_2020_1_114_Dev

I am having an issue getting the proper save and cancel button to appear on the RadEditor Ribbon bar when the rendermode is Lightweight.  

 

I am following the instructions on this page

https://docs.telerik.com/devtools/aspnet-ajax/controls/editor/functionality/toolbars/buttons/examples/save-and-cancel-buttons

If you are using Lightweight rendering mode the Save and Cancel button will be not styled with the default icons. You will need to decorate them additionally by using these CSS rules:

<style type="text/css">
           .reTool.reSave:before{
        content:"\e603";
    }

    .reTool.reCancel:before {
        content:"\e661";
    }
    </style> 

 

 However the wrong images are appearing.  

The attached image show what appears to be the Underline button as save and a button with a "W" on it as cancel.  

Can I get the correct values for the buttons?  Or is there a place I can look them up?

 

When the rendermode is classic, then normal save and cancel buttons appear.   

 

 

 

 

[Rumen]

Hi Brete,

Thank you for reporting this misleading information in the help article. I am going to update it right away.

The correct font icons are:

<style>
    .reTool.reSave:before {
        content: "\e109";
    }

    .reTool.reCancel:before {
        content: "\e115";
    }
</style>
<telerik:RadEditor ID="RadEditor1" runat="server" RenderMode="Lightweight">
    <Tools>
        <telerik:EditorToolGroup>
            <telerik:EditorTool Name="Save" />
            <telerik:EditorTool Name="Cancel" />
        </telerik:EditorToolGroup>
    </Tools>
</telerik:RadEditor>

You can find a list of icons in this article https://docs.telerik.com/kendo-ui/styles-and-layout/icons-web. 

As a small note of gratitude for your report, I updated your Telerik points.

Regards,
Rumen
Progress Telerik