Hi, I am facing the following issues with the Telerik table. Can you please help resolve them?
1. The text is not aligned with the dropdown (Image attached)
2. When we edit the widget > click on the table on a random cell > select Table Properties > The table wizard will always default to the top left cell > This is working as expected.
If you click in the table (not the editor) and select Cell Properties > the wizard will display (highlight) the cell you selected in the table is it expected that when selecting table properties it always default to the left side first box but when selecting cell properties it will show the current cell which we are in.
video link:- https://jam.dev/c/c1cdf56c-53ab-4218-8774-65907b3efd6d
3. Table properties > Select cells (e.g the top three) > Border > Select the bottom > 6 PX > Purple > OK > The preview is not showing the changes we want to apply > the preview is showing only the top left cell
video link:- https://jam.dev/c/88c17904-c758-47ab-949c-d29b4775dc6d
4. Following step 3 > when we navigate the mouse up and down, in the background, we can see only the top left cell with the border we configured. (while initially we selected the top three) > But if now, in the preview page, we will choose the top three > OK >We will see the top three cells showing the design we configured.
video link:- https://jam.dev/c/ba52bff1-7459-44d6-a647-d3eb5cea07f3
5. From the widget/page > select the middle bottom cell (notice it has no styling) > Table properties > Cell Properties > Select the middle bottom cell again > More Cell Styling > Border > Notice that the top row design is inherited > Is this expected?
video link:- https://jam.dev/c/1516e16f-1f7c-4e89-8b19-368edabf5703
5.1 I have observed that when we're in the widget > selecting a cell from the table > clicking on Cell Properties > The top row design is not inherited.
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.
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?
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">
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)?
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>
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....
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" />
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