Filtering operations are registered twice in the undo stack of the ImageEditor. 1. Open http://demos.telerik.com/aspnet-ajax/imageeditor/examples/toolbarmodes/defaultcs.aspx 2. Click on the More arrow on the right most on the Toolbar 3. Click to expand the Brightness/Contrast split button and choose Greyscale Result: The Greyscale command is added twice in the undo stack of the control
The Classic RenderMode displays the Crop icon for custom tools, the Lightweight RenderMode displays a gear icon Workaround: /*set background image*/ .rieSomeCommandName { background-image: url(my-images/icon_16x16.png) !important; } /*add for lightweight render mode*/ .rieSomeCommandName.rtbImage::before { /*set your own font and/or content if you want to use a font icon instead of a raster image*/ content: "" !important; } where the command name is taken from the tool by concatenating rie + <command name>: <telerik:RadImageEditor runat="server" ID="RadImageEditor1"> <Tools> <telerik:ImageEditorToolGroup> <telerik:ImageEditorTool Text="some text" CommandName="SomeCommandName" ImageUrl="my-images/icon_16x16.png"></telerik:ImageEditorTool> </telerik:ImageEditorToolGroup> </Tools> </telerik:RadImageEditor>
Dialog tools panel is not positioned properly when there are more than one ImageEditor on the page. The dialog shown from the second ImageEditor is rendered below the control (on the bottom of the page), outside of the browser viewport. Video: http://screencast.com/t/lNcEd9ZWh
JS error is thrown when opening a tool in Lightweight and ShowAjaxLoadingPanel="true". Error message: Uncaught TypeError: Cannot set property 'id' of undefined at Telerik.Web.UI.RadImageEditor._showAjaxLoadingPanel Steps to reproduce: 1. Run the following code <telerik:RadImageEditor ID="RadImageEditor1" ShowAjaxLoadingPanel="true" runat="server" RenderMode="Lightweight" ImageUrl="~/Images/Summdary.jpg"> </telerik:RadImageEditor> 2. Open the "Crop" dialog Result: A JS error is thrown.