Usage of RadMenu and RadGrid (Client-side) Degrades Perfomace

[Waliaula]

I am using a RadMenu and a RadGrid together on the same application. The two controls are held separately in two different iframes. Despite being in two different iframes which loads their own js files separately there seems to be some perfomance degradation when one uses either of the controls particularly the menu. Please not in the video the when using the menu, the grid sort of moves. This is peculiar since they are in different iframes. How can this be mitigates? Do the two controls share some aspects e.g. code that when deployed together especially with the grid in client-side mode?

The following is a link to the video showing the actions:
http://megaswf.com/simple_serve/88410/

[Simon]

Hello Waliaula,

Can you please provide a live URL where we can observe this issue and specify in which browser did you test this?

Best wishes,
Simon
the Telerik team

[Waliaula]

We will need you IP Adress so that you can be able to access the application. Please send it to [e-mail]. Please send me your email so that I can be able to send ypu the url to the applcaition. Thanks.

[Simon]

Hi Waliaula,

My IP is 82.103.64.65. Please send the URL to [e-mail] as well as a link to this forum thread.

All the best,
Simon
the Telerik team

[Waliaula]

I have sent an email with the app url and credentials.

[Simon]

Hi Waliaula,

Thank you for the URL and credentials.

I was unable to reproduce the issue you showed with the video in your first post, namely the misaligning of the Grid's columns.

Could you give me exact instructions for reproducing the issue?

Regards,
Simon
the Telerik team

[Waliaula]

To reproduce the issue you follow the steps outlined in the email i sent. Please read it and try to reproduce the issue. Basically after clicking search button and loading a couple of records and the one tries to use the menu the app freezes yet the menu and the grid are in two separate iframes.

[Waliaula]

1. Login to the application with the credentials from the email
2. On the right is an outlook-style navigation bar. At the bottom select "Settings Payroll”
3. Then under the "Payroll Calculation" select "Wage Type Programming". The module will then load in the content area
4. Hover on the "Job Control" item on the top-level menu to display dropdown. Notice how the bottom grid titles resizes every time you hover on a different item in the menu (just before the menu item opens) – and this happens noting that the two controls are in separate iframes. We dont seem to understand how the menu

Note: Any further interaction on the page, searching, loading etc makes the content area freeze. This happens to be the visible interaction the menu seems to have with the grid below ey they are in two different iframes!This can be seen from the following movie: http://megaswf.com/simple_serve/88410/

[Simon]

Hi Waliaula,

Thank you for the additional info.

We managed to reproduce the problem, however, with the ToolBar and not the Menu as the latter was disabled. Nevertheless the problem is the same and is caused by the IE's rendering mechanism. Whenever a CSS class of an element is changed, the *whole* page styles (including those of the iframes inside the page) are recalculated.

You can avoid the issue by setting "position: absolute" to the ToolBar (and the Menu).

Please let me know how it goes on your side after you apply these changes.

All the best,
Simon
the Telerik team