This is a migrated thread and some comments may be shown as answers.

radgrid in update panel firefox issue

2 Answers 67 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Pooja asked on 13 Apr 2012, 05:36 PM

Hi,

I recently came up with this issue while testing my radgrid in Firefox. I have an update panel inside which I have a radgrid. I have enabled scrolling for the radgrid. The radgrid appears fine in IE with the scrollbars allowing me to scroll.

However, when I view this in Firefox, the horizontal scrollbar of the grid is missing and hence, the grid expands beyond the panel and I eventually, have to use the Firefox scrollbar! Don't know if I am missing out on something but I need an urgent fix for this.

Here is my HTML code:

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

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

<div>

<asp:Panel ID="Panel1" runat="server" BorderColor="Black" BorderStyle="Solid"

BorderWidth="1px"

GroupingText="List of Invoices Waiting to be Approved" Height="100%">

<telerik:RadGrid ID="RadGdApprove" runat="server" >

<ClientSettings>

<Scrolling AllowScroll="True" />

</ClientSettings>

<MasterTableView>

<CommandItemSettings ExportToPdfText="Export to PDF" />

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</telerik:RadGrid>

</asp:Panel>

</div>

</form>

</body>

</html>

2 Answers, 1 is accepted

answered on 19 Apr 2012, 06:22 AM

RadControlsWebSite4.zip

Hi Pooja,

I tested this markup on my side with the latest version of RadControls but it behaves correctly. Can you take a look at the attached sample page and let me know if I am missing anything out?

Regards,
Tsvetina
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.