This is a migrated thread and some comments may be shown as answers.
Save and Cancel Images when rendermode is lightweight
1 Answer 4 Views
This is a migrated thread and some comments may be shown as answers.
Brete
Top achievements
Rank 1
Brete asked on 27 Feb 2020, 08:40 PM

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.   

 

 

 

 

1 Answer, 1 is accepted

Sort by
0
Accepted
Rumen
Telerik team
answered on 02 Mar 2020, 01:16 PM

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

Get quickly onboarded and successful with UI for ASP.NET AJAX with the Virtual Classroom technical trainings, available to all active customers. Learn More.
Asked by
Brete
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Share this question
or