When we are trying to crop the image when CanvasMode is set to "No", Instead of the position from where the image must be cropped, it is cropping the image from coordinates (0,0) i.e. from the top left corner.
Also, we are getting the issue in only some of the files. We are able to edit other files.
Using attached Visual Studio project....
Steps to re-create:
1) Draw line on image with pencil
2) Clear all changes
3) Draw another line with pencil. Upon releasing mouse button RadDiagram loses image and just shows checkerboard.
Demo project attached.
Happens in Chrome, but not in Firefox.
Seems to occur regardless of Telerik version.
Steps to reproduce: 1. Open http://demos.telerik.com/aspnet-ajax/imageeditor/examples/overview/defaultcs.aspx in IE9 2. Upload the attached image. 3. Try to resize the image Result: The browser crashes
When the page is zoomed in iOS and Android devices, lines drawn are displaced downwards and to the right. Displacement increases with image zooming. Configurations tested: - iOS + Safari; - Android + Chrome;
When the command dialogs from two ImageEditors on a page are opened consecutively, the second dock is rendered with wrong position. The issue most probably comes from the fact the second dock element (ToolsPanel) is appended to its parent ImageEditor, but not to the form. Assuring that each dock is appended to the form element can be used as a temporary workaround of the issue: <telerik:RadImageEditor ID="RadImageEditor1" runat="server" Width="680" Height="450" OnClientDialogLoaded="ClientDialogLoaded" ImageUrl="waterpool.jpg"> </telerik:RadImageEditor> <telerik:RadImageEditor ID="RadImageEditor2" runat="server" Width="680" Height="450" OnClientDialogLoaded="ClientDialogLoaded" ImageUrl="waterpool.jpg"> </telerik:RadImageEditor> <script> function ClientDialogLoaded(imageEditor, args) { setTimeout(function () { $telerik.$("#<%=form1.ClientID %>").append($get(imageEditor.get_id() + "_ToolsPanel")); }, 0); } </script>
Uploaded jpeg images cannot be edited in ImageEditor from the Image Manager dialog. The request for the file seems accurate, but the image is not rendered.
In the latest release (Q1 2016) it is possible to resize and drag the crop box in ImageEditor to negative bounds in IE. Video: http://screencast.com/t/b1SyzOWBGb
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
The Pencil dialog is not positioned properly when the image is zoomed or/and scrolled.
Steps to reproduce:
1. Open https://demos.telerik.com/aspnet-ajax/imageeditor/examples/overview/defaultcs.aspxImages with "*.jpeg" extension are saved as "*.jpg" in a different file even if the "Overwrite" option is checked.
Steps to reproduce:
1. Open an image with "*.jpeg" extension in ImageEditor (e.g. test.JPEG)
Video: https://www.screencast.com/t/z6z5gwA6
Steps to reproduce:
JS error is thrown when a Responce.Redirect() is made after editing an image in RadImageEditor. Steps to reproduce: 1. Run the following code: <telerik:RadImageEditor ID="ImageEditorControl" runat="server" RenderMode="Classic" Width="790px" Height="430px" ImageUrl="~/Images/bhp-500l.jpg"> </telerik:RadImageEditor> <asp:Button ID="Button3" runat="server" Text="Redirec" OnClick="Button3_Click" /> Protected Sub Button3_Click(sender As Object, e As EventArgs) Handles Button3.Click Response.Redirect("https://www.google.bg/") End Sub 2. Open the Pencil tool and draw something on the image 3. Click the Redirect button Result: A JavaScript error is thrown.
A large uploaded image is not saved properly after cropping in disabled CanvasMode. Instead of saving the cropped part of the image, the control is saving the original image resized to fit the cropped part size. The issue is reproducible both by using the Save dialog (Save image on server) or the saveImageOnServer() method. Steps to reproduce: 1. Open http://demos.telerik.com/aspnet-ajax/imageeditor/examples/imageupload/defaultcs.aspx in IE8 2. Upload the attached image 3. Crop a part of it 4. Save the image on server Result: The original image is resized with the crop-box dimensions.
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>
The mouse position coordinates of the ImageEditor (can be seen in its bottom Statusbar) are not updated properly after zooming (Crtl+Mouse scroll over the image). Moving the mouse pointer outside the ImageEditor's viewport and bringing it back forces the control to recalculate the mouse position properly. Video: http://screencast.com/t/BB7UzCwj0zz Steps to reproduce: 1. Open http://demos.telerik.com/aspnet-ajax/imageeditor/examples/overview/defaultcs.aspx 2. Choose a specific point of the image and check its position (the x and y coordinates shown in the ImageEditor's status bar) 3. Zoom-in the image by pressing Ctrl and Mouse scroll 4. Navigate to the same point Actual: The x and y coordinates are changed Expected: The x and y coordinates of the point are the same as before the zooming
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