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

javascript on page distorts Grid Layout

1 Answer 64 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Revital Keren
Top achievements
Rank 1
Revital Keren asked on 04 Jan 2009, 04:07 PM
Hi,
I have a RadGrid (CustomGrid which is inherited from RadGrid) in a content page, which I define like so:

<ref:CustomGrid ID="entityGrid" runat=server onneeddatasource="entityGrid_NeedDataSource"   
                    onupdatecommand="entityGrid_UpdateCommand"  Width="100%"   
                    onitemcreated="entityGrid_ItemCreated" 
                    onitemdatabound="entityGrid_ItemDataBound"  > 
                      <ClientSettings  Selecting-EnableDragToSelectRows="false"  > 
          <Scrolling UseStaticHeaders="true" AllowScroll="true" ScrollHeight="100px" /> 
          </ClientSettings> 
                    </ref:CustomGrid> 

I had a little problem with the alignment of the header and data rows, which I already fixed through css adjustments.
My current problem is that when I open a javascript pop up (for example using RadWindow or a simple alert()) the Grid's layout is all messed up (the header row shifts to the right with no connection to data rows).

Did you encounter this sort od problem before?
is there any property in the css I should look at?


Thanx in advance for your quick response,
Revital

1 Answer, 1 is accepted

Sort by
0
Sebastian
Telerik team
answered on 07 Jan 2009, 02:19 PM

Hello Revital,

Unfortunately from the information provided so far I cannot say for certain what might be the exact reason for the issue with the grid layout when using popup form. Does the same issue occur when you use not inherited RadGrid instead of the inherited instance and the same css settings?

Additionally, I see that you enabled scrolling and static headers for the control. Does the behavior changes if you disable them temporary? You may also verify that you are using the latest version of RadControls for ASP.NET AJAX (2008.3.1125) in your project and inspect the html of the rendered page with IE developer toolbar or Firebug to designate the reason for the discrepancy and tackle it accordingly.

Best regards,

Sebastian
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Tags
Grid
Asked by
Revital Keren
Top achievements
Rank 1
Answers by
Sebastian
Telerik team
Share this question
or