Hi All
We have a radgrid with has several columns, that when viewed on a mobile device is too wide for the viewport. This is simply because of the number of columns.
We are using Bootstrap and the page is responding correctly.
Before I code it to hide columns on smaller devices, has anyone had this problem before? and what is the fix? Can you get the grid to scale for example?
Andy

While I read many posts about this issue, none seem to fit my particular problem.
I have a very simple web form, with a grid, which is not ajaxified, in server side code, I call a complex object that returns a simple list of items as a datatable and set it as datasource for my grid. The grids works and displays all OK, however when I try to export to xlsx (and actually any supported format), nothing happens after calling MasterTableView.ExportToExcel().
I did verified that the grdWarranties items is not empty and that the datasource is not lost. Below substract of the web page and the server side code to execute the export:
Protected Sub btnExport_Click(sender As Object, e As Telerik.Web.UI.ImageButtonClickEventArgs) Handles btnExport.Click grdWarranties.Page.Response.ClearHeaders() grdWarranties.Page.Response.Cache.SetCacheability(HttpCacheability.Private) grdWarranties.ExportSettings.Excel.Format = Telerik.Web.UI.GridExcelExportFormat.Xlsx grdWarranties.ExportSettings.IgnorePaging = False grdWarranties.ExportSettings.ExportOnlyData = True grdWarranties.ExportSettings.OpenInNewWindow = True grdWarranties.MasterTableView.ExportToExcel() End Sub
<asp:Panel runat="server"> <table class="WarrantyCheckTable" style="margin-top:15px"> <tr> <td style="width:15%"> <telerik:RadLabel ID="RadLabel1" Text="Type or paste in your Landis+Gyr serial numbers:" runat="server" Font-Size="Small" Font-Italic="True"></telerik:RadLabel> <telerik:RadTextBox ID="txtMSNs" runat="server" TextMode="MultiLine" BorderColor="#7AB800" BorderWidth="1px" Height="93%" Width="100%" Wrap="False" ></telerik:RadTextBox> </td> <td style="width:5%"> <telerik:RadImageButton ID="btnGo" runat="server" Text="Go!" Skin="Telerik"></telerik:RadImageButton> </td> <td > <telerik:RadGrid ID="grdWarranties" runat="server" AllowSorting="True" AutoGenerateColumns="False" ShowGroupPanel="True" Width="100%" ViewStateMode="Enabled" RenderMode="Lightweight" > <GroupingSettings CollapseAllTooltip="Collapse all groups" /> <ExportSettings ExportOnlyData="True" FileName="WarrantyData" OpenInNewWindow="True"> <Excel FileExtension="xlsx" Format="Xlsx" /> <Csv EncloseDataWithQuotes="False" /> </ExportSettings> <ClientSettings AllowDragToGroup="True"> <Scrolling AllowScroll="True" ScrollHeight="600px" UseStaticHeaders="True" /> </ClientSettings> <MasterTableView> <Columns> <telerik:GridBoundColumn DataField="MSN" FilterControlAltText="Filter colMSN column" HeaderText="MSN" UniqueName="colMSN"> <FooterStyle HorizontalAlign="Center" /> <ItemStyle HorizontalAlign="Left" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="CSN" FilterControlAltText="Filter colCSN column" HeaderText="CSN" UniqueName="colCSN"> <FooterStyle HorizontalAlign="Center" /> <ItemStyle HorizontalAlign="Left" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="METERTYPE" FilterControlAltText="Filter colType column" HeaderText="Type" UniqueName="colType"> <FooterStyle HorizontalAlign="Center" /> <ItemStyle HorizontalAlign="Left" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="CATALOG" FilterControlAltText="Filter colCatalog column" HeaderText="Catalog" UniqueName="colCatalog"> <FooterStyle HorizontalAlign="Center" /> <ItemStyle HorizontalAlign="Left" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="SOLDDATE" FilterControlAltText="Filter colSoldDate column" HeaderText="Ship Date" UniqueName="colSoldDate" DataFormatString="{0:MMM dd, yyyy}" DataType="System.DateTime"> <FooterStyle HorizontalAlign="Center" /> <ItemStyle HorizontalAlign="Left" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="WARRANTY" FilterControlAltText="Filter colWarranty column" HeaderText="Warranty Status" UniqueName="colWarranty"> <FooterStyle HorizontalAlign="Center" /> <ItemStyle HorizontalAlign="Left" /> </telerik:GridBoundColumn> </Columns> </MasterTableView> <FilterMenu RenderMode="Lightweight"> </FilterMenu> <HeaderContextMenu RenderMode="Lightweight"> </HeaderContextMenu> </telerik:RadGrid> </td> </tr> </table> </asp:Panel>
Hi,
The error appear in Google Chrome, in IE works fine.
I use RadScheduler and when i move or resize an appointment i get this : [Violation] Forced reflow while executing JavaScript took "N" ms.
After this error, i can't move or resize that or other appointment, with this error:
"Uncaught TypeError: Cannot read property 'viewPartIndex' of null
at c.Scheduler.WeekModel._getTimeFromIndex (Telerik.Web.UI.WebResource.axd:8315)
at c.Scheduler.WeekModel.getTimeSlotFromDomElement (Telerik.Web.UI.WebResource.axd:8310)
at c.RadScheduler._initializeResizingState (Telerik.Web.UI.WebResource.axd:6567)
at c.RadScheduler._onResizeGripMouseDown (Telerik.Web.UI.WebResource.axd:6549)
at Telerik.Web.UI.Scheduler.EventMap._onDomEvent (Telerik.Web.UI.WebResource.axd:5003)
at HTMLDivElement.<anonymous> (Telerik.Web.UI.WebResource.axd:6)
at HTMLDivElement.b (Telerik.Web.UI.WebResource.axd:616)"
But... After i resize the browser, all works fine.
RadInput RadInput_Defaultin the class declaration for the div. Is it possible to remove these? They override some of my default styling, so I'd rather they just don't get attached upon render at all if possible. This is for version 2017.1.228.45.
Thanks!
Hi
Is it possible to change the maxjsonlength used by the jsonserializer in radimagegallery??
I sometimes need to load images temporarily by passing base64 string instead of url, but I get maxjsonlength error.
I have tried in web.config but that doesn't help.
Thank you for your help
Thami
Hi
How to allow user to copy and paste links into rad editor....
What's happening now
1. When a user copy and paste (Ctrl+V) a link it is displaying as rich text
What needs to happen
1. Allow user to user copy and paste (Ctrl+V) a link into rad editor and keep the link active.
Help on how to acheive this.
thanks in advance
Grid Column value changed to 0 when exporting Grid to Excel. Please see the following demo code, the value of "Freight" column changed to 0 when clicking the Export button, but as soon as I change the DataFormatString="{0}%" to DataFormatString="{0}", everything works fine when exporting. But I do need to display the number as percentage (no decimals) in my senario. Any help would be much appreciated!
RadGridExport.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RadGridExport.aspx.cs" Inherits="RadGridExport" %><%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server"> <title></title></head><body> <form id="form1" runat="server"> <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> <Scripts> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" /> </Scripts> </telerik:RadScriptManager> <script type="text/javascript"> //Put your JavaScript code here. </script> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> </telerik:RadAjaxManager> <telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" CellSpacing="0" ShowFooter="True" GridLines="None" Width="800px" OnNeedDataSource="RadGrid1_NeedDataSource" OnItemCommand="RadGrid1_ItemCommand" ExportSettings-Excel-DefaultCellAlignment="Center"> <ExportSettings ExportOnlyData="true"></ExportSettings> <MasterTableView AutoGenerateColumns="False" DataKeyNames="OrderID" CommandItemDisplay="Top"> <CommandItemSettings ShowExportToExcelButton="true" /> <Columns> <telerik:GridBoundColumn DataField="OrderID" DataType="System.Int32" FilterControlAltText="Filter OrderID column" HeaderText="OrderID" ReadOnly="True" SortExpression="OrderID" UniqueName="OrderID"> </telerik:GridBoundColumn> <telerik:GridDateTimeColumn DataField="OrderDate" DataType="System.DateTime" FilterControlAltText="Filter OrderDate column" HeaderText="OrderDate" SortExpression="OrderDate" UniqueName="OrderDate"> </telerik:GridDateTimeColumn> <telerik:GridNumericColumn DataField="Freight" DataType="System.Int32" FilterControlAltText="Filter Freight column" DataFormatString="{0}%" HeaderText="Freight" Aggregate="Avg" SortExpression="Freight" UniqueName="Freight"> </telerik:GridNumericColumn> <telerik:GridBoundColumn DataField="ShipName" FilterControlAltText="Filter ShipName column" HeaderText="ShipName" SortExpression="ShipName" UniqueName="ShipName"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="ShipCountry" FilterControlAltText="Filter ShipCountry column" HeaderText="ShipCountry" SortExpression="ShipCountry" UniqueName="ShipCountry"> </telerik:GridBoundColumn> </Columns> </MasterTableView> </telerik:RadGrid> </form></body></html>
RadGridExport.aspx.cs
using System;using System.Collections.Generic;using System.Data;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;using Telerik.Web.UI;public partial class RadGridExport : System.Web.UI.Page{ protected void Page_Load(object sender, EventArgs e) { } protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e) { RadGrid1.DataSource = GetGridSource(); } private DataTable GetGridSource() { DataTable dataTable = new DataTable(); DataColumn column = new DataColumn(); column.DataType = Type.GetType("System.Int32"); column.ColumnName = "OrderID"; dataTable.Columns.Add(column); column = new DataColumn(); column.DataType = Type.GetType("System.DateTime"); column.ColumnName = "OrderDate"; dataTable.Columns.Add(column); column = new DataColumn(); column.DataType = Type.GetType("System.Int32"); column.ColumnName = "Freight"; dataTable.Columns.Add(column); column = new DataColumn(); column.DataType = Type.GetType("System.String"); column.ColumnName = "ShipName"; dataTable.Columns.Add(column); column = new DataColumn(); column.DataType = Type.GetType("System.String"); column.ColumnName = "ShipCountry"; dataTable.Columns.Add(column); DataColumn[] PrimaryKeyColumns = new DataColumn[1]; PrimaryKeyColumns[0] = dataTable.Columns["OrderID"]; dataTable.PrimaryKey = PrimaryKeyColumns; for (int i = 0; i <= 80; i++) { DataRow row = dataTable.NewRow(); row["OrderID"] = i + 1; row["OrderDate"] = DateTime.Now; row["Freight"] = i + 1; row["ShipName"] = "Name " + (i + 1); row["ShipCountry"] = "Country " + (i + 1); dataTable.Rows.Add(row); } return dataTable; } protected void RadGrid1_ItemCommand(object sender, GridCommandEventArgs e) { RadGrid1.ExportSettings.FileName = "Success - " + DateTime.Now.ToLongTimeString(); }}Hi,
I have couple of textboxes being generated from a javascript function which passes the data to the kendo.template and the textboxes are generated dependng upon the data passed through the JS function. The textboxes have multiple page events such as onfiocus() and onblur(). These page events are getting fired mutiple times. I tried keeping a counter so that these executes only once, passed static data such as 0 and 1 for forcing them to execute once only and many other stuffs. None of them has worked, Is there any chance, this can be a bug in Kendo Grid or Kendo Template, because other kendo tools are not doing this. Please advise, how to proceed from here.
In the attached image the 7 TextBoxes has the above bug
Thanks in advance
Hi,
Could someone please let me know how to implement on click functionality of hyperlink which is inside a radgrid. Radgrid has been binded with datatable dynamically. Radgrid autogeneratecolumns has been given as true.
on click of hyperlink a command prompt should open and run the command as requested.
Asp.Net:
<telerik:RadGrid ID="radgrid1" runat="server" AutoGenerateColumns="true"
Width="100%" GridLines="None" CellPadding="0" AllowPaging="True" AllowSorting="True" OnItemDataBound="radgrid1_ItemDataBound"
PageSize="200" >
<PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>
</telerik:RadGrid>
C#:
protected void radgrid1_ItemDataBound(object sender, GridItemEventArgs e)
{
if (e.Item is GridDataItem)
{
GridDataItem item = (GridDataItem)e.Item;
cmdArgument = item["command"].Text;
HyperLink link = new HyperLink();
link.Text = item["command"].Text;
item["accurev_command"].Controls.Add(link);
}
}