Save and Cancel Images when rendermode is lightweight

2 posts, 1 answers
  1. Brete
    Brete avatar
    41 posts
    Member since:
    Feb 2008

    Posted 27 Feb Link to this post

    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.   

     

     

     

     

  2. Answer
    Rumen
    Admin
    Rumen avatar
    14275 posts

    Posted 02 Mar Link to this post

    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.
Back to Top