Radgrid header problem in telerik 2013.3.1015.40

[Laxman]

Hi,

I created a sample grid page in telerik 2012.2.724.35 trail version  then it works fine with scroll.
But when I update telerik with new version 2013.3.1015.40 licence , Radgrid header is not displaying.
Radgrid header item showing count=0  in c# (when I set allow scrolling=false then ok with header. But I have to display 20 columns
in radgrid then 5 columns only dipalying). I am facing problem with select page index also.

below is the code

aspx
------

 

 

<telerik:RadGrid AutoGenerateColumns="false" ID="rgExchActualDetails" Width="100%"

 

 

 

GroupingEnabled="True" ShowGroupPanel="true" EnableViewState="true" OnItemCommand="rgExchActualDetails_ItemCommand"

 

 

 

AllowSorting="True" OnItemDataBound="rgExchActualDetails_ItemDataBound" AllowPaging="True"

 

 

 

PageSize="5" Skin="Default" AllowAutomaticInserts="false" AutoExpandGroups="true"

 

 

 

OnGroupsChanging="rgExchActualDetails_GroupsChanging" AllowMultiRowSelection="True"

 

 

 

OnItemCreated="rgExchActualDetails_ItemCreated" HeaderStyle-Font-Bold="true"

 

 

 

OnPageIndexChanged="rgExchActualDetails_PageIndexChanged" runat="server" ItemStyle-HorizontalAlign="Left"

 

 

 

GridLines="None">

 

 

 

<AlternatingItemStyle HorizontalAlign="Left"></AlternatingItemStyle>

 

 

 

<HeaderStyle HorizontalAlign="Left" Font-Bold="true" />

 

 

 

<ItemStyle HorizontalAlign="Left" />

 

 

 

<GroupingSettings CaseSensitive="false" ShowUnGroupButton="true"></GroupingSettings>

 

 

 

<ClientSettings ReorderColumnsOnClient="True" AllowDragToGroup="True" AllowColumnsReorder="True">

 

 

 

<Scrolling AllowScroll="true" UseStaticHeaders="true" ></Scrolling>

 

 

 

</ClientSettings>

 

 

 

<MasterTableView EditMode="InPlace" AllowFilteringByColumn="true" TableLayout="Auto"

 

 

 

NoMasterRecordsText="No Records Found" InsertItemPageIndexAction="ShowItemOnFirstPage"

 

 

 

CommandItemDisplay="Top">

 

 

 

<CommandItemSettings ShowRefreshButton="false" ShowExportToExcelButton="true" />

 

 

 

<Columns>

 

 

 

<telerik:GridTemplateColumn UniqueName="CheckBoxTemplateColumn" AllowFiltering="false"

 

 

 

Groupable="false">

 

 

 

<ItemTemplate>

 

 

 

<asp:CheckBox ID="CheckBox1" runat="server" CommandName="RowDelete" />

 

 

 

</ItemTemplate>

 

 

 

<HeaderTemplate>

 

 

 

<asp:CheckBox ID="headerChkbox" runat="server" onclick="Checked(this);" />

 

 

 

</HeaderTemplate>

 

 

 

<InsertItemTemplate>

 

 

 

<asp:Label ID="temp" runat="server" Visible="false"></asp:Label>

 

 

 

</InsertItemTemplate>

 

 

 

<EditItemTemplate>

 

 

 

<asp:HiddenField ID="temp1" runat="server" Value="" />

 

 

 

</EditItemTemplate>

 

 

 

<HeaderStyle Width="5%" HorizontalAlign="Left" />

 

 

 

<ItemStyle Width="5%" HorizontalAlign="Left" />

 

 

 

</telerik:GridTemplateColumn>

 

 

 

<telerik:GridTemplateColumn DataField="Type" HeaderText="Type" UniqueName="EX_Type"

 

 

 

Groupable="false" AllowFiltering="false">

 

 

 

<ItemTemplate>

 

 

 

<asp:Label ID="lblType" runat="server" Text='<%# Bind("Type") %>'></asp:Label>

 

 

 

</ItemTemplate>

 

 

 

<EditItemTemplate>

 

 

 

<asp:Label ID="lblType1" runat="server" Text='<%# Bind("Type") %>'></asp:Label>

 

 

 

</EditItemTemplate>

 

 

 

<InsertItemTemplate>

 

 

 

<asp:TextBox ID="txtType" runat="server" Width="30px">

 

 

 

</asp:TextBox>

 

 

 

</InsertItemTemplate>

 

 

 

<HeaderStyle Width="10%" HorizontalAlign="Left" />

 

 

 

<ItemStyle Width="10%" HorizontalAlign="Left" />

 

 

 

</telerik:GridTemplateColumn>

 

 

 

<telerik:GridTemplateColumn DataField="ARECode" HeaderText="ARECode" UniqueName="EX_ARECode"

 

 

 

CurrentFilterFunction="StartsWith" AutoPostBackOnFilter="true" ShowFilterIcon="false"

 

 

 

GroupByExpression="ARECode Group By ARECode" SortExpression="ARECode" AllowFiltering="true">

 

 

 

<ItemTemplate>

 

 

 

<asp:Label ID="lblARECode" runat="server" Text='<%# Bind("ARECode") %>'></asp:Label>

 

 

 

</ItemTemplate>

 

 

 

<EditItemTemplate>

 

 

 

<asp:Label ID="lblARECode1" runat="server" Text='<%# Bind("ARECode") %>'></asp:Label>

 

 

 

</EditItemTemplate>

 

 

 

<InsertItemTemplate>

 

 

 

<telerik:RadComboBox ID="rcmbARECode" runat="server" Width="100px" DataTextField="ARECode"

 

 

 

OnClientSelectedIndexChanged="ClientSelectedIndexChanged" DataValueField="CurrencyCode">

 

 

 

</telerik:RadComboBox>

 

 

 

</InsertItemTemplate>

 

 

 

<HeaderStyle Width="15%" HorizontalAlign="Left" />

 

 

 

<ItemStyle Width="15%" HorizontalAlign="Left" />

 

 

 

</telerik:GridTemplateColumn>

 

 

 

<telerik:GridTemplateColumn DataField="FinYear" HeaderText="Fin Year" UniqueName="Ex_FinYear"

 

 

 

CurrentFilterFunction="StartsWith" AutoPostBackOnFilter="true" ShowFilterIcon="false"

 

 

 

GroupByExpression="FinYear Group By FinYear" SortExpression="FinYear" AllowFiltering="true">

 

 

 

<ItemTemplate>

 

 

 

<asp:Label ID="lblFinYear" runat="server" Text='<%# Bind("FinYear") %>'></asp:Label>

 

 

 

</ItemTemplate>

 

 

 

<EditItemTemplate>

 

 

 

<asp:Label ID="lblFinYear1" runat="server" Text='<%# Bind("FinYear") %>'></asp:Label>

 

 

 

</EditItemTemplate>

 

 

 

<InsertItemTemplate>

 

 

 

<asp:TextBox ID="txtFinYeat" runat="server" Width="80px"></asp:TextBox>

 

 

 

<asp:RequiredFieldValidator ID="rfv_Year" runat="server" ControlToValidate="txtFinYeat"

 

 

 

ErrorMessage="*" Display="Dynamic" ForeColor="Red"></asp:RequiredFieldValidator>

 

 

 

<asp:CompareValidator ID="cv_Year" runat="server" ControlToValidate="txtFinYeat"

 

 

 

Operator="DataTypeCheck" ForeColor="Red" Type="Integer" Display="Dynamic" ErrorMessage="*">

 

 

 

</asp:CompareValidator>

 

 

 

</InsertItemTemplate>

 

 

 

<HeaderStyle Width="15%" HorizontalAlign="Left" />

 

 

 

<ItemStyle Width="15%" HorizontalAlign="Left" />

 

 

 

</telerik:GridTemplateColumn>

 

 

 

<telerik:GridTemplateColumn DataField="Month" HeaderText="Month" UniqueName="Ex_Month"

 

 

 

CurrentFilterFunction="StartsWith" AutoPostBackOnFilter="true" ShowFilterIcon="false"

 

 

 

GroupByExpression="Month Group By Month" SortExpression="Month" AllowFiltering="true">

 

 

 

<ItemTemplate>

 

 

 

<asp:Label ID="lblUnit" runat="server" Text='<%# Bind("Month") %>'></asp:Label>

 

 

 

</ItemTemplate>

 

 

 

<EditItemTemplate>

 

 

 

<asp:Label ID="lblUnit1" runat="server" Text='<%# Bind("Month") %>'></asp:Label>

 

 

 

</EditItemTemplate>

 

 

 

<InsertItemTemplate>

 

 

 

<asp:TextBox ID="txtMonth" runat="server" Width="60px"></asp:TextBox>

 

 

 

<asp:RequiredFieldValidator ID="rfv_Month" runat="server" ControlToValidate="txtMonth"

 

 

 

ErrorMessage="*" Display="Dynamic" ForeColor="Red"></asp:RequiredFieldValidator>

 

 

 

<asp:CompareValidator ID="cv_Month" runat="server" ControlToValidate="txtMonth" Operator="DataTypeCheck"

 

 

 

ForeColor="Red" Type="Integer" Display="Dynamic" ErrorMessage="*">

 

 

 

</asp:CompareValidator>

 

 

 

<asp:RangeValidator ID="rvMonth" runat="server" ControlToValidate="txtMonth" Display="Dynamic"

 

 

 

ErrorMessage="1-12" Type="Integer" MinimumValue="0" MaximumValue="12"></asp:RangeValidator>

 

 

 

</InsertItemTemplate>

 

 

 

<HeaderStyle Width="15%" HorizontalAlign="Left" />

 

 

 

<ItemStyle Width="15%" HorizontalAlign="Left" />

 

 

 

</telerik:GridTemplateColumn>

 

 

 

<telerik:GridTemplateColumn DataField="Rate" HeaderText="Rate" UniqueName="Ex_Rate"

 

 

 

AllowFiltering="false">

 

 

 

<ItemTemplate>

 

 

 

<asp:Label ID="lblRate" runat="server" Text='<%# Bind("Rate") %>'></asp:Label>

 

 

 

</ItemTemplate>

 

 

 

<EditItemTemplate>

 

 

 

<asp:TextBox ID="txtRate" runat="server" Text='<%# Bind("Rate") %>' Width="100px"></asp:TextBox>

 

 

 

<asp:RequiredFieldValidator ID="rfv_Rate" runat="server" ControlToValidate="txtRate"

 

 

 

ErrorMessage="*" Display="Dynamic" ForeColor="Red"></asp:RequiredFieldValidator>

 

 

 

<asp:CompareValidator ID="cv_Rate" runat="server" ControlToValidate="txtRate" Operator="DataTypeCheck"

 

 

 

ForeColor="Red" Type="Double" Display="Dynamic" ErrorMessage="0-9">

 

 

 

</asp:CompareValidator>

 

 

 

</EditItemTemplate>

 

 

 

<InsertItemTemplate>

 

 

 

<asp:TextBox ID="Inser_txtRate" runat="server" Width="100px"></asp:TextBox>

 

 

 

<asp:RequiredFieldValidator ID="rfv_Rate1" runat="server" ControlToValidate="Inser_txtRate"

 

 

 

ErrorMessage="*" Display="Dynamic" ForeColor="Red"></asp:RequiredFieldValidator>

 

 

 

<asp:CompareValidator ID="cv_Rate1" runat="server" ControlToValidate="Inser_txtRate"

 

 

 

Operator="DataTypeCheck" ForeColor="Red" Type="Double" Display="Dynamic" ErrorMessage="0-9">

 

 

 

</asp:CompareValidator>

 

 

 

</InsertItemTemplate>

 

 

 

<HeaderStyle Width="15%" HorizontalAlign="Left" />

 

 

 

<ItemStyle Width="15%" HorizontalAlign="Left" />

 

 

 

</telerik:GridTemplateColumn>

 

 

 

<telerik:GridTemplateColumn DataField="Currency" HeaderText="Currency" UniqueName="Ex_Currency"

 

 

 

AllowFiltering="false">

 

 

 

<ItemTemplate>

 

 

 

<asp:Label ID="lblCurrency" runat="server" Text='<%# Bind("Currency") %>'></asp:Label>

 

 

 

</ItemTemplate>

 

 

 

<EditItemTemplate>

 

 

 

<asp:Label ID="lblCurrency1" runat="server" Text='<%# Bind("Currency") %>'></asp:Label>

 

 

 

</EditItemTemplate>

 

 

 

<InsertItemTemplate>

 

 

 

<asp:TextBox ID="txtCurrency" runat="server" Width="60px" Enabled="false"></asp:TextBox>

 

 

 

</InsertItemTemplate>

 

 

 

<HeaderStyle Width="10%" HorizontalAlign="Left" />

 

 

 

<ItemStyle Width="10%" HorizontalAlign="Left" />

 

 

 

</telerik:GridTemplateColumn>

 

 

 

<telerik:GridEditCommandColumn UniqueName="EditColumn" ButtonType="LinkButton" UpdateText="Save">

 

 

 

<HeaderStyle Width="15%" HorizontalAlign="Center" />

 

 

 

<ItemStyle Width="15%" HorizontalAlign="Center" />

 

 

 

</telerik:GridEditCommandColumn>

 

 

 

<telerik:GridTemplateColumn HeaderStyle-Width="8%" HeaderText="&nbsp;&nbsp;" Visible="false">

 

 

 

<ItemTemplate>

 

 

 

<asp:LinkButton ID="lnkBtnDelete" runat="server" Text="Delete" CommandName="RowDelete"></asp:LinkButton>

 

 

 

<itemstyle width="8%" horizontalalign="Center" />

 

 

 

</ItemTemplate>

 

 

 

</telerik:GridTemplateColumn>
......................20 columns

 

 

 

</Columns>

 

 

 

</MasterTableView>

 

 

 

<ExportSettings HideStructureColumns="true" ExportOnlyData="true" IgnorePaging="true"

 

 

 

FileName="mf_ExchAct" OpenInNewWindow="true">

 

 

 

<Excel Format="Biff"></Excel>

 

 

 

</ExportSettings>

 

 

 

<FooterStyle BorderStyle="None" />

 

 

 

</telerik:RadGrid>

c#
------

 

rgExchActualDetails.DataSource = dtExchActualDetails;

rgExchActualDetails.DataBind();

 

 

[Laxman]

Hi ,

I got it when I make usestaticheader=false(frizenColumncount not working). But I want use scrolling and static header both at a time and  frozencolumncount also. Still getting problem with page selectindex selection, pls find detailed image in prev post.

Pls help me in this issue.

TQ

[Venelin]

Hi Laxman,

To use frozen columns you need to allow the static header too (this is mandatory). Please refer to these resources:

1. Scroll with Static Headers
2. Frozen Columns

Also, in order to have horizontal scroll you need to make sure that the total width of all columns exceeds the width of the grid.

For the second question about the page size combo box, I am not able to replicate the same issue using the provided code. Please find attached my test page where the combo box displays as expected and let me know if something else should be added.

Regards,
Venelin
Telerik

[Mathew]

I have the same issue that appeared when I upgraded from version 2011.2.712.35 to version 2013.3.1015.35. 
The headers are there in the grid when using 2011.2.712.35 but they go away when using 2013.3.1015.35 in my project.
I have AllowScroll and UseStaticHeaders both set to true.

[Laxman]

Hi Venelin ,

Thanks for the reply . But still I am getting the same problem.

Please find the attached image and help me to resolve it.

Page size combo box working fine when I didn't specify scroll Height .But not working when I used scroll height >500 px. Please provide the information regarding this issue also.


TQ

[Venelin]

Hi,

Could you please verify if you are not running your applications in Quirks mode? This can be done from your browser web developer tool and please make sure that there is a valid doctype specified and it occurs in the first place in the HTML. Even comments should not appear before it. Here are some useful resources:

1. What is quirks mode? (Stackoverflow)
2. Recommended Doctype Declarations to use in your Web document. (w3)
3. http://hsivonen.fi/doctype/ie8-mode.png

Note that we do not support Quirks mode because it is based on IE5.5. I suspect that this is the case because on the image from the last post the height of the filter inputs is smaller than usual, which happens in Quirks mode.

Regards,
Venelin
Telerik

[Mathew]

Hi Venelin,
Using the Doctype declaration didn't resolve the issue.  Attached are 2 screenshots showing the issue.... one as it appears when UseStaticHeaders is set to true and another screenshot when UseStaticHeaders is set to false.  When set to true, the header (with the export to excel button) is "static" so UseStaticHeaders is partially working, but the problem is that the column header names are not visible. 
I experimented with using different ScrollHeight values and HeaderStyle.Height values, but nothing would allow the column headers to appear.  Please advise on what to do next.  It appears to be a pretty serious bug within this version of the Telerik DLL.  Thanks.

[Venelin]

Hello Mathew,

The conversation will continue in the support ticket that you have recently opened.

Regards,
Venelin
Telerik

[Ashish]

Hi,

I have a Radgrid in my application.It was working perfectly .I upgraded it to version 2013.3.1114.40 .Radgrid header is not displaying.I think problem is with the UseStaticHeader property .Please see the below code.


  <telerik:RadGrid ID="TestSearchGrd" runat="server" Skin="Office2007" GridLines="None"
                EnableViewState="false" AllowFilteringByColumn="true" ShowStatusBar="true" HorizontalAlign="NotSet"
                Height="100%" AllowPaging="true" AllowSorting="true" PageSize="10" Width="100%"
                AutoGenerateColumns="False" OnItemCommand="RadGrid1_ItemCommand">
                <ExportSettings HideStructureColumns="false" />
                <MasterTableView Width="99%" ShowHeadersWhenNoRecords="true" VirtualItemCount="0"
                    GridLines="None" CommandItemDisplay="Top" EnableHeaderContextMenu="false" TableLayout="Fixed">
                    <CommandItemSettings ShowExportToWordButton="false" ShowExportToExcelButton="false"
                        AddNewRecordText="" RefreshText="" ShowExportToCsvButton="false" />
                    <Columns>
                        <telerik:GridBoundColumn HeaderText="ID" DataField="Id" UniqueName="Id"
                            AutoPostBackOnFilter="true" CurrentFilterFunction="EqualTo" FilterControlWidth="40px"
                            DataType="System.Int32">
                            <ItemStyle Width="3%" />
                            <HeaderStyle Width="3%" />
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Name" DataField="name" UniqueName="name"
                            AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ItemStyle-Wrap="true">
                            <ItemStyle Width="10%" Wrap="true" />
                            <HeaderStyle Width="10%" />
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Status" AllowFiltering="false" DataField="Status"
                            UniqueName="Status">
                            <ItemStyle Width="5%" Wrap="true" />
                            <HeaderStyle Width="5%" />
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Administrator" AllowFiltering="false" DataField="administrator"
                            UniqueName="administrator">
                            <ItemStyle Width="6%" Wrap="true" />
                            <HeaderStyle Width="6%" />
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Type" AllowFiltering="false" DataField="Type"
                            UniqueName="Type">
                            <ItemStyle Width="5%" Wrap="true" />
                            <HeaderStyle Width="5%" />
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Activity" AllowFiltering="false" DataField="Activity"
                            UniqueName="Activity">
                            <ItemStyle Width="5%" Wrap="true" />
                            <HeaderStyle Width="5%" />
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Sub Activity" AllowFiltering="false"
                            DataField="SubActivity" UniqueName="SubActivity">
                            <ItemStyle Width="5%" Wrap="true" />
                            <HeaderStyle Width="5%" />
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Venue " AllowFiltering="false" DataField="Venue"
                            UniqueName="Venue">
                            <ItemStyle Width="6%" Wrap="true" />
                            <HeaderStyle Width="6%" />
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Province" AllowFiltering="false" DataField="Province"
                            UniqueName="Province">
                            <ItemStyle Width="6%" Wrap="true" />
                            <HeaderStyle Width="6%" />
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Contact" AllowFiltering="false"
                            DataField="Contacts" UniqueName="Contacts">
                            <ItemStyle Width="6%" Wrap="true" />
                            <HeaderStyle Width="6%" />
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Business Units" AllowFiltering="false" DataField="businessUnit"
                            UniqueName="businessUnit">
                            <ItemStyle Width="6%" Wrap="true" />
                            <HeaderStyle Width="6%" />
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Legal Entity" AllowFiltering="false" DataField="legalEntity"
                            UniqueName="legalEntity">
                            <ItemStyle Width="5%" Wrap="true" />
                            <HeaderStyle Width="5%" />
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Amount Claimed" AllowFiltering="false" DataField="amntClaimed"
                            UniqueName="amntClaimed">
                            <ItemStyle Width="5%" Wrap="true" />
                            <HeaderStyle Width="5%" />
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Counsel" AllowFiltering="false" DataField="rbsCounsel"
                            UniqueName="rbsCounsel">
                            <ItemStyle Width="6%" Wrap="true" />
                            <HeaderStyle Width="6%" />
                        </telerik:GridBoundColumn>
                    </Columns>
                </MasterTableView>
                <PagerStyle AlwaysVisible="true" Position="TopAndBottom" />
                <ClientSettings AllowColumnHide="True" AllowColumnsReorder="False" ReorderColumnsOnClient="False">
                    <Resizing EnableRealTimeResize="True" ResizeGridOnColumnResize="True" ClipCellContentOnResize="false"
                        AllowColumnResize="False"></Resizing>
                    <Selecting AllowRowSelect="true" />
                    <ClientEvents OnCommand="loadNxtPage" OnRowDblClick="RowDblClick" OnFilterMenuShowing="filterMenuShowing" />
                    <Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True">
                    </Scrolling>
                </ClientSettings>
                <FilterMenu OnClientShown="MenuShowing" />
            </telerik:RadGrid>

[Venelin]

Hi Ashish,

I have tested your code and it works as expected: the headers are displaying correctly. Please refer to this video: http://screencast.com/t/9abIInW7LsON that shows the result from the test. Please make sure that you are not running in quirks mode. This is the only case in which the issue is replicating but this mode is not supported by RadControls since it is based on IE5.5: http://www.telerik.com/products/aspnet-ajax/getting-started/tech-sheets/browser-support.aspx

Please add a valid doctype in the application and make sure that it is the first line of HTML in your code.

Regards,
Venelin
Telerik

[Ashish]

Hello,
I am adding below doctype in my application.

<!

 

 

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

 

I dont want to use like below

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">






Because if I add "http://www.w3.org/TR/html4/loose.dtd" in the doctype, then my page do not display properly.

[Galin]

Hello Ashish,

As Venelin mentioned in the previous posts the QuirkMode is highly unrecommended and not supported scenario. However this issue will be fixed in the next version of RadControls. Meanwhile please use the following CSS workaround

.rgHeader {
    height: auto !important;
}

I hope this helps.

Regards,
Galin
Telerik