[Solved] RADGrid: Last column disappear when window is resized

[Malek]

Hello,

I am using the RadGrid (2007Q3) in a few pages and one of our end-user has found a bug which I was able to reproduce easily here.

The last column of a radgrad disappear when the the window is resized, even when using a horizontal scroll bar, the column does not appear at all!

When the window is enlarged or maximized the last column returns by magic.

A control upgrade is out of the question for now, unless the upgrade specifically corrects this behaviour.

I cannot post the whole page, but I will post only the code in question.

/page begin

<%@ Register Assembly="RadGrid.Net2" Namespace="Telerik.WebControls" TagPrefix="radG" %>

....

<asp:Panel ID="Panel1" runat="server" Width="99%" Style="text-align: center" Visible="false">

.....

 <table class="SolidFrame" width="99%">

                <tr>

                    <td class="TitleCell">

                        <cc1:QuestionMark Text="<%$ Resources:Resource, DashAprTitle %>" ID="QuestionMark3"

                            runat="server" CssClass="UserMessage" Height="2em" QMarkOffsetRight="3px" QMarkOffsetTop="1px"

                            TextOffsetLeft="2px" TextOffsetTop="8px" Width="100%" TabIndex="52" RadSkin="" HelpId="HM007" />

                    </td>

                </tr>

                <tr>

                    <td class="ContentCell" align="right">

                        <div class="FrameSection">

                            <radG:RadGrid ID="grdApr" runat="server" AutoGenerateColumns="False" Height="100px"

                                Skin="none" OnItemDataBound="RadGrid_ItemDataBound" OnDataBound="grdApr_DataBound"

                                GridLines="Horizontal" OnNeedDataSource="populateGrdApr">

                                <ClientSettings>

                                    <ClientEvents OnGridCreated="GridCreated" OnRowSelected="ApprovalRowSelected" />

                                </ClientSettings>

                                <MasterTableView>

                                    <ExpandCollapseColumn Resizable="False" Visible="False">

                                        <HeaderStyle Width="20px" />

                                    </ExpandCollapseColumn>

                                    <RowIndicatorColumn Visible="False">

                                        <HeaderStyle Width="20px" />

                                    </RowIndicatorColumn>

                                </MasterTableView>

                                <ItemStyle Wrap="False" />

                            </radG:RadGrid><div style="text-align: center">

                                <asp:Label ID="lblNoApprovals" runat="server" Visible="False"></asp:Label></div>

                            <table width="100%">

                                <tr>

                                    <td align="left">

                                        <asp:Label ID="lblAprTotalRows" runat="server" Text="<%$ Resources:Resource, DashAprResult %>"></asp:Label>

                                    </td>

                                    <td align="right">

                                        <asp:Button ID="btnAprConsult" runat="server" Text="<%$ Resources:Resource, DashViewButton %>"

                                            OnClick="btnAprConsult_Click" Enabled="False" /></td>

                                </tr>

                            </table>

                        </div>

                        </td>

                </tr>

            </table>

        </asp:Panel>

Thanks,

Malek

[Sebastian]

Hello Malek,

This is indeed strange and unfortunately from the information/code snippets provided I cannot say for certain what might be the exact cause of the discrepancy.

Do migrating to the latest version 5.16 of RadGrid for ASP.NET eliminated the abnormality? You may also test whether setting style="table-layout: fixed" for the html table which wraps the grid makes a difference. Additionally, I will appreciate if you provide a live url where the oddity can be observed. Thus I will do my best to provide more definite answer/fix.

Best regards,
Sebastian
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Malek]

Thank you for your answer.

I have tried setting the style to the table wrapping the radgrid, but to no avail.

We do not plan on migrating to a newer version at this moment, because of the high visibility of this system.

As for giving you a URL, it's akward to do so in production because it requires a login.

I know this is a longshot, but I could share my desktop to show you live the behaviour using my credentials.

Waiting to hear from you.

[Malek]

Just found this:

I removed the call to the initGrids() javascript function called here:
 

 

 

body class="Application" onload="javascript:initGrids();

 

 

 

The initGrids() is in the RadGridFix.js script in the \App_theme\Scripts\1_9_1\ subfolder.

When that javascript is not executed (commenting the code that launches it), the column show fine even when the window is resized.

The side effect of this, is that some rows are now overflowing to the bottom over label and button. See screenshot: http://i41.tinypic.com/34dkh8x.jpg

In the 1_9_1 folder there's also JScript.js and RadWindowClient.js.

I have no idea what are these files and where they are coming from, maybe a fix supplied by Telerik. ( I have been supporting this website for a few months now).

Thanks in advnace

 

[Sebastian]

Hello Malek,

I am not sure about the source of these files and from where they originate. They can be a custom fix for RadWindow/RadGrid integration in previous versions of the products. I recommend you migrate to the latest versions of available following the instructions from here and remove the references to these files to see whether this helps.

Additionally, verify that the height of the grid container and the grid itself is defined in such manner in order not to be in conflict with the page layout (no absolute positioning, overlay/z-index, etc.)

Best regards,
Sebastian
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Benoit]

HI,

I was able to upgrade to version 5.15 (version 5.16 is not accessible due to licence expired).

I still have the same issues with the RADGrid.

The last column resizes and then disappear when the window is resized.

Thank you,

Malek Racho

[Sebastian]

Hello Malek,

I assume that you stripped the old javascript with the fix from your project - can you please confirm that? In case the issue remains, I will appreciate if you provide a live url where the odd behavior can be seen. Thus we will do our best to perform some further troubleshooting in order to locate the cause of the abnormality and address it.

Kind regards,
Sebastian
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.