Issues with Grids and Flash objects in sliding panes

[Michael Josiah]

I have been recently working with Sliding panes and have noticed two issues.

1)When a sliding pane has a flash object and it is docked, it will overlap everything especially other sliding panes. 

2) The next issue seems to only effect certain screen resolutions. Basically when I have three panes. The right pane has the sliding panes and the middle pane has the populated grid and the left pane has the menu. When docking the right pane the grid in the middle pane appears distorted. Viewing the same app on a higher resolution is much better and all looks like its supposed to.

Any ideas? 

[Svetlina Anati]

Hi Michael Josiah,

To your questions:

1. I made a sample project in order to reproduce the described issue - you can find it in the attached archive file. I noticed that the problem occurs when the following setting is not present:

    <param name="wmode" value="transparent">

         
          This being said I suggest to add it to your code and test it again in order to find out whether this fixes the issue.

    2.   We are not aware of such problem and we are not quite sure what causes it. Would you please provide more information about it:

• live url
• sample project which reproduces the problem
• screenshots
• detailed explanation of the reproduction steps, etc.

In order to be able to upload files, you should open a new support ticket.

For the time-being we can only suggest to call the RadGrid's RadResize() method and test whether it solves the problem. Please, note, that this method should be called to the DOM element instead of the client object. This being said you should obtain the reference to the grid in the following manner:

var grid = $get("<%= RadGrid1.ClientID%>");

Best wishes,
Svetlina
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Michael Josiah]

I will try out the flash solution and let you know how it goes. To replicate the second issue simply create a webform with a grid and a sliding pane. Now give the grid about 10 columns. Now slide out the pain and pin it. You should see that the grid looks slightly distorted. If it does not then simply increase the width of the sliding pane. The key here is to have lots of columns. Do you have an example of how I would implement a possible RadResize() solution.

Thanks

[Tsvetie]

Hello Michael Josiah,
Regarding the RadResize method - in case you are using RadGrid Classic, the code is the following:

var grid = $get("<%= RadGrid1.ClientID%>");
if(grid.RadResize)
{
    grid.RadResize();
}

And in the case of RadGrid for ASP.NET AJAX, you should use the following code:

var grid = $find('<%= RadGrid1.ClientID %>');
grid.repaint();

Unfortunately, I was not able to reproduce the problem following your instructions - please find my test page attached. Therefore, in case this suggestion does not help, we will need a working project to research what is causing the problem.

Greetings,
Tsvetie
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Michael Josiah]

Appears that this is easily fixed by enabling scrolling on the grids.