Is it possible to place form controls, eg Signature control, tick boxes,etc.. in RadImageEditor?

https://www.telerik.com/forums/create-signature-with-imageeditor

Alan

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.aspx
2. Zoom the image to 200%
3. Scroll the image to the right
4. Open the pencil dialog

Result - the dialog appears outside the visible area

Images 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)
2. Edit the image
3. Open the Save Dialog and choose "Save Image On Server" with checked "Overwrite if file exists?" option

Result: The edited image is saved as a new files with jpg extension (e.g. test.jpg)

ImageEditor keeps in the undo stack a reference to the last written text, but not last inserted one. 

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.

The ImageEditor control should provide an out-of-the-box tool that functions as an Eraser, i.e. removes previously drawn geometric shapes. This tool should behaves similarly to a the way other image editing tools provide the option to remove pixels - more precisely applies the background color to the canvas.

Please provide an custom input to rotate the image loaded in imageeditor.
right now it is restricted to divisible of 90, it should accept any values and rotate accordingly.

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>

Currently the ImageEditor Control is wiping the Meta Data of the Images on saving.

When placing text, clicking on the image should set the coordinates in the text dialog as long as the dialog is open.  Moving the location for the text block being placed to that location.

This is a problem when the default coordinate position is not currently visible on the image because the text block is not visible either.  So the user can't move it or even know that it's there.  And it's ridiculous to expect a user to enter a pixel coordinate value just to drop some text.

I would suggest that coordinates shouldn't be shown in the text dialog by default, and that the starting position should default to something like the middle of the visible area of the image.

Add ability to RadImageEditor to show the progress  when saving the image to the server, displaying  back to the user how much time is left to save the newly changed image back to the server. 

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

Add an option to control export formats parameters, e.g. jpeg could have 0-100 compression, gif and png transparency on/off, etc...

At present, the RadImageEditor does not preserve EXIF metadata.  When used in situations where preserving metadata is critical, this limits the usefulness of the control.  Ideally, the control should preserve all metadata (both EXIF and XMP) that may exist in the image.

For the time being you can hardcode the "touch-action:none" style to the ImageEditor:

<telerik:RadImageEditor ID="RadImageEditor" runat="server" style="touch-action:none;"></telerik:RadImageEditor>