Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
6 views
Is it possible to click on the crop button without the crop form window opening, but that you can crop and then have another save changes button, preferably under images where you crop ?

Need the same function for the Save button also, I just want the save button to go to code behind and I will do the saving :-)
Vasko
Telerik team
 answered on 11 Mar 2024
1 answer
38 views

 

I'm using AJAX RadImageEditor in an aspx page:

                <telerik:RadImageEditor ID="RadImageEditorFront" CssClass="ImageCtrl"  runat="server" Skin="Telerik" Width="545px" Height="300px" RenderMode ="Lightweight" StatusBarMode="Hidden" style="top: 0px; left: 0px">
                    <Tools>
                        <telerik:ImageEditorToolGroup>
                            <telerik:ImageEditorTool Text="ZoomIn" CommandName="ZoomIn" /> 
                            <telerik:ImageEditorTool Text="ZoomOut" CommandName="ZoomOut" />
                            <telerik:ImageEditorTool Text="ZoomOut" CommandName="Zoom" />
                            <telerik:ImageEditorTool Text="Rotate Right" CommandName="RotateRight" /> 
                            <telerik:ImageEditorTool Text="Rotate Left" CommandName="RotateLeft" />
                            <telerik:ImageEditorTool Text="Flip Vertical" CommandName="FlipVertical" />
                        </telerik:ImageEditorToolGroup>                

                    </Tools>
                </telerik:RadImageEditor>

 

I need to change the percentage that the AJAX RadImageEditor zooms in or out on the loaded image when I call the client side methods zoomIn() or zoomOut().

When I use the client side methods zoomIn() or zoomOut(), the image is zoomed in at 50%.

var radImageEditor = $telerik.findControl(document.documentElement, $(this).attr("id"));

radImageEditor.zoomIn(); or radImageEditor.zoomOut();

(note: jQuery code above)

I have tried zoomImage(zoomLevel, shouldUpdateUI), but that did not appear to be the solution (the image became a small dot on the screen).

How can I change the zoom in and zoom out percentage (scale) to 10% for the AJAX RadImageEditor - or asked another way - how can I get the image to scale 10% (instead of 50%) each time I call zoomIn() or zoomOut (or another zooming method)? 

 

Vasko
Telerik team
 answered on 24 Nov 2023
1 answer
53 views

Hello, everyone. I'm a novice. I don't how to use the <GridImageColumn>, I have a request to display qualified  photos from a remote computer.

For example, A textbox inputs 'abc',then I click the button of 'submit', the <GridImageColumn> or another control should find and display the 'abc.jpg' from the remote computer. The remote TargetFolder url just like '\\123.**.***.***\photo' and I hope it will be shown in <DetailTables> .

How should I edit the back-end code, so that I could get the pictures and also display it. I will post my code.

I'd really appreciate it if you could help me!

<telerik:RadPageView runat="server" ID="RadPageView3">
                 <telerik:RadAjaxPanel ID="RadAjaxPanel3" runat="server" LoadingPanelID="RadAjaxLoadingPanel1" BackColor="#FFFFFF">                 
                     <div class="ContentRow">
                        <div class="column c1 ">
                            <telerik:RadLabel ID="labcrate" runat="server" Text="LabCrate" CssClass="LabOnRight" ForeColor="#000000"></telerik:RadLabel>
                        </div>
                        <div class="column c2 ">
                             <telerik:RadTextBox ID="txtCrate" runat="server"></telerik:RadTextBox>
                        </div>
                         <div class="column c3 ">
                            <telerik:RadButton ID="btnSubmit" runat="server" Text="Submit" AutoPostBack ="true"></telerik:RadButton>
                        </div>
                    </div>

                     <telerik:RadGrid RenderMode="Lightweight" runat="server" ID="RG_Carrier" Height="740px" AllowPaging="true" PageSize="10" AllowAutomaticDeletes="false"
                        AllowAutomaticUpdates="false" AllowAutomaticInserts="false" AllowFilteringByColumn="false" AllowMultiRowSelection="true"  OnNeedDataSource="RadGrid_NeedDataSource" >
                         <PagerStyle Position="Bottom" AlwaysVisible="true" PageSizes="10,20,30"></PagerStyle>
                        <ClientSettings EnableAlternatingItems="true" AllowKeyboardNavigation="False" EnablePostBackOnRowClick="true">
                            <Selecting AllowRowSelect="false" />
                            <Scrolling AllowScroll="true" UseStaticHeaders="true"></Scrolling>
                        </ClientSettings>
                         <AlternatingItemStyle BackColor ="LightBlue" />
                          <MasterTableView DataKeyNames="CrateNo" AutoGenerateColumns="false" CommandItemDisplay="Top" EditMode="PopUp">
                            <CommandItemSettings ShowAddNewRecordButton="false" />
                            <Columns>
                                  <telerik:GridBoundColumn AllowFiltering="false" FilterControlWidth="120px" AutoPostBackOnFilter="true" DataField="CrateNo" UniqueName="CrateNo" HeaderText="CrateNo">
                                    <HeaderStyle Width="150px" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn AllowFiltering="false" DataField="Qty" UniqueName="Qty" HeaderText="Qty">
                                    <HeaderStyle Width="60px" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn AllowFiltering="false" FilterControlWidth="120px" AutoPostBackOnFilter="true" DataField="ProductName" UniqueName="ProductName" HeaderText="ProductName">
                                    <HeaderStyle Width="150px" />
                                </telerik:GridBoundColumn>  

                                
                            </Columns>                                     
                               <DetailTables>
                                <telerik:GridTableView DataKeyNames="CratePhoto" ClientDataKeyNames="CratePhoto" runat="server" CommandDisplay="None" AutoGenerateColumns="true" AllowPaging="false" EditMode="PopUp">
                                    <Columns>
                                        <telerik:GridImageColumn DataType="System.String" 
  DataImageUrlFormatString="" 
  ImageAlign="Middle" ImageHeight="110px" ImageWidth="90px" HeaderText="CratePhoto">
</telerik:GridImageColumn>
    
                                    </Columns>
                                </telerik:GridTableView>
                            </DetailTables>
                        </MasterTableView>

                    </telerik:RadGrid>
                     
                      </telerik:RadAjaxPanel>
            </telerik:RadPageView>

Attila Antal
Telerik team
 answered on 24 Apr 2023
1 answer
59 views

When I use RadImageEditor / Tools / CommandName / CustomSave the image is saved without the dialog box...

What if I want to export the image "CommandName="Export" without the "Save Image on Server" dialog appearing?
Only "Download Image" is displayed....
See picture....

 

Attila Antal
Telerik team
 answered on 21 Mar 2023
0 answers
33 views

If I use "InsertImage" and insert a logo image (png) into the loaded image, it is not possible to save.

Nothing happens when I click the save button...

<telerik:ImageEditorTool CommandName="InsertImage" IsToggleButton="true" /> 

Kjell
Top achievements
Rank 1
Iron
 asked on 09 Mar 2023
0 answers
60 views

How do I save the image after I have made changes using  asp:button OnClick="xxx" (post back) to the database?

I have several controls (asp:Panel, asp:Label....) that I need to update after I change the image....

I'm reading my picture using OnImageLoading


    Protected Sub RadImageEditor1_ImageLoading(sender As Object, args As ImageEditorLoadingEventArgs)

        Dim MyConnection As New SqlConnection(System.Configuration.ConfigurationManager.ConnectionStrings("MyConn").ConnectionString)

        Dim MyCommand As New SqlCommand("select ID, imagedata from bildbank_data where ID = @ID;", MyConnection)

        MyCommand.Parameters.Add(New SqlParameter("@ID", SqlDbType.Int, 4))
        MyCommand.Parameters("@ID").Value = lblPickUpId.Text

        If MyConnection.State = ConnectionState.Closed Then
            MyConnection.Open()
        End If

        Dim dr1 As SqlDataReader = MyCommand.ExecuteReader
        If dr1.Read Then
            If Not dr1("imagedata") Is DBNull.Value Then
                Dim imagedata As Byte() = dr1("imagedata")
                Dim s As New MemoryStream(imagedata.ToArray())
                Dim img As New Telerik.Web.UI.ImageEditor.EditableImage(s)

                args.Image = img
                args.Cancel = True
            End If
        End If

        dr1.Close()

        MyCommand.Dispose()
        MyConnection.Close()

    End Sub

Kjell
Top achievements
Rank 1
Iron
 asked on 08 Mar 2023
1 answer
56 views

Hi,

Nowadays which is the best method to change the default Crop sizes of the ImageEditor?  I can see you are using a telerik:RadComboBox for the control so don't understand why there isn't a easy way of populating it with other values.

 

Thank you!

Attila Antal
Telerik team
 answered on 26 Dec 2022
0 answers
281 views

Hi Evebody

I use RadImageEditor for editing images. I can successfully update images; but I can't get the drawings that I have updated, for example, that I have made on it. The unchanged image comes back. I do this on the server side. I am using the following code. How can I get the currently edited and changed image from RadImageEditor? This code is not working. Thank you very much in advance.

EditableImage tmpImg = rieEditImage.GetEditableImage().Clone();
A
Top achievements
Rank 1
 asked on 25 Jun 2022
1 answer
339 views
Hi,
the scenario we need is this:
There is a list of images displayed in the gallery view (images are stored on the http file server). After you click on one of the images in the gallery view, we need the image editor to load the selected image for editing, and be able to save it after editing is done.

Do we need to download image first to the local temp folder, or can we load them from the URL? Is there an example?

How can I get image from the selected gallery item loaded into the editor?

Thank you,

Doncho
Telerik team
 answered on 27 May 2022
1 answer
319 views

RadImageEditor maybe one of the worst thought out controls you have in your control suite.  It could have been easy...if you consulted programmers who actually have to use this.    Rant over, now lets get to the reson why we're here.  

The source of my images are stored in a SQL DB.  After jumping thru spiked hoops...I figured out how to save and load the images in the RadImageEditor.  For the record, way harder than it needed to be.  My problem is after I make changes to the image, ie maybe a resize, there is no easy way to to get the altered image.  I thought the following code would do the trick:

Dim img As EditableImage = RadImageEditor1.GetEditableImage

boy was I wrong.  I've seen the posts about CanvasMode...doesn't change the outcome.  I've tried all 3 settings.  I've tried changing the property in the aspx page.  I've tried changing the property in the code behind.  Result is always the unaltered image.  Would it have killed you to have a GetChangedImage option?

I'm controlling the events in the code behind.  I'm not using client events.  I want to press a button and in the code behind/server code...save the data on my screen to a database and I would like to know how to include the altered image in that save?  I'm not using any of the buttons on the RadImageEditor.  

I would appreciate the code in VB and I would appreciate an actual example not a link to some demo because I've already been thru them with a fine tooth comb. 

Thanks in advance.  

Rumen
Telerik team
 answered on 04 Apr 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?