Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
220 views

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

 

 

Eyup
Telerik team
 answered on 24 Apr 2017
1 answer
405 views

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>
Eyup
Telerik team
 answered on 24 Apr 2017
0 answers
1.3K+ views

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.

ionel
Top achievements
Rank 1
 asked on 23 Apr 2017
6 answers
1.4K+ views
Greetings,

Here is a good example of how to use an Excel spreadsheet as the data source for a RadGrid...

http://www.telerik.com/forums/rad-grid-import-from-excel

Is there a way to modify this example to use a spreadsheet data source that was uploaded with RadAsyncUpload without saving the xlsx to the server first - like a file stream or something?  Any advice or examples would be appreciated.

Thanks!

Matt
Kallie
Top achievements
Rank 1
 answered on 23 Apr 2017
2 answers
169 views
I have a pre-existing set of styles in use for an application I'm building and the RadMaskedTextbox creates a <div /> wrapper around the control, with 
RadInput RadInput_Default

in 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!

Scott
Top achievements
Rank 1
 answered on 22 Apr 2017
0 answers
99 views

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

Thami
Top achievements
Rank 1
 asked on 21 Apr 2017
0 answers
102 views

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

 

 

 

diane
Top achievements
Rank 1
Veteran
 asked on 21 Apr 2017
1 answer
161 views

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>
 
<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();
    }
}
Meng
Top achievements
Rank 1
 answered on 21 Apr 2017
0 answers
266 views

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

Mohammed
Top achievements
Rank 1
 asked on 21 Apr 2017
0 answers
146 views

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

}

}

Sweatha
Top achievements
Rank 1
 asked on 21 Apr 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?