Questions on UI for ASP.NET AJAX Forum

0 answers

5 views

Telerik Image editor does not loads up the image to edit

Hi,

I am using the classic render mode, and I can see some localisation is missing. I am using the Telerik DLL of version 2022.3.913.45
screenshot below:-

Can you please provide the localisation files supported by the Telerik DLL of version 2022.3.913.45? Also, the image editor preview is not working. Is it related to the localisation file not supported by the current version?

https://jam.dev/c/c5cfdd1e-882a-40e5-9185-1cef03a3eceb <- recording

The issue occurs intermittently; sometimes the image loads, and at other times, it does not. Please see the recording for more details, and let me know how I should fix it.

ImageEditor

updated question on 29 May 2025

1 answer

29 views

Telerik RTL arrow direction for Image Manager is not correct

For RTL languages, the "Back" and "Next" buttons on the Image Manager screen appear inverted.

How should I fix it? I also checked here, also the direction of the arrows is wrong for RTL languages.

Please help us fix this issue.

ImageEditor

answered on 06 May 2025

1 answer

36 views

Image Gallery isn't responsive when selecting the button from the Content Editor

Hi everyone,

Hi everyone, I'm using Telerik UI, and when I'm on a mobile view with the content editor, and then I select the image gallery, it doesn't seem to be responsive, or its just too wide for the phone screen. Is there some way to force that image manager to be the correct size? Or is that even possible?

Editor

ImageEditor

ImageGallery

answered on 17 Jan 2025

1 answer

62 views

Is it possible to click on the crop button without the crop form window opening ?

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 :-)

ImageEditor

answered on 11 Mar 2024

1 answer

173 views

Setting Zoom in and Zoom out percentages for AJAX RadImageEditor

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)?

Ajax

ImageEditor

answered on 24 Nov 2023

1 answer

102 views

How do I refer to the qualified photos on the remote computer disk

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>

AjaxPanel

Grid

ImageEditor

answered on 24 Apr 2023

1 answer

122 views

Export dialog

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....

ImageEditor

answered on 21 Mar 2023

0 answers

86 views

CommandName="InsertImage"

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" />

ImageEditor

asked on 09 Mar 2023

0 answers

179 views

Save image in RadImageEditor

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

ImageEditor

asked on 08 Mar 2023

1 answer

105 views

Custom crop sizes

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!

ImageEditor

answered on 26 Dec 2022