Hi,
I have a RadGrid inside a RadWindow. This RadGrid has a Context menu as well.
When I right click on a grid row the context menu displays behind the RadWindow in Chrome. But in IE and Firefox I don't have this problem.
I have set the z-index to a value more than 7000 as well.
Have anyone else seen this behaviour before?
As I mentioned the problem is only with Chrome.
Thank you.
I have a RadGrid inside a RadWindow. This RadGrid has a Context menu as well.
When I right click on a grid row the context menu displays behind the RadWindow in Chrome. But in IE and Firefox I don't have this problem.
I have set the z-index to a value more than 7000 as well.
Have anyone else seen this behaviour before?
As I mentioned the problem is only with Chrome.
Thank you.
5 Answers, 1 is accepted
0

Lahiru
Top achievements
Rank 1
answered on 30 Apr 2013, 08:41 AM
Hi,
Did anyone else experience this behaviour on Chrome?
Thank you.
Did anyone else experience this behaviour on Chrome?
Thank you.
0
Hi Lahiru,
I have prepared a sample RadGrid web site to test the described behavior. On my side the Context Menu is displayed correctly on all browsers. Can you please check out the attached application and instruct me the exact steps to reproduce the issue?
Kind regards,
Eyup
the Telerik team
I have prepared a sample RadGrid web site to test the described behavior. On my side the Context Menu is displayed correctly on all browsers. Can you please check out the attached application and instruct me the exact steps to reproduce the issue?
Kind regards,
Eyup
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.
0

Lahiru
Top achievements
Rank 1
answered on 15 May 2013, 06:22 PM
Hi Eyup,
Following are the steps to reproduce the problem that I am having.
1. Add a "RadMenu" to your webpage.
2. Add a "RadContextMenu" to your grid, which is inside the "RadWindow".
3. Now if you view this page in the browser the context menu on the grid works fine. But you will notice that the "Main Menu" which we created in step 1, is on top of the RadWindow.
4. So, I set the 'z-index' of the RadWindow to 7001. And 'z-index' of the RadContextMenu to 7002.
5. Now if you view this page again on the browser, you will see that the RadContextMenu appears behind the RadWindow.
This problem only happens in Chrome. If you view this page in IE you will see it is working as expected.
I couldn't attach my project because it only allows me to attach image files.
We can reproduce this problem without the first step as well. But that is the reason behind setting 'z-index' on RadContextMenu.
Thank you,
Lahiru
Following are the steps to reproduce the problem that I am having.
1. Add a "RadMenu" to your webpage.
2. Add a "RadContextMenu" to your grid, which is inside the "RadWindow".
3. Now if you view this page in the browser the context menu on the grid works fine. But you will notice that the "Main Menu" which we created in step 1, is on top of the RadWindow.
4. So, I set the 'z-index' of the RadWindow to 7001. And 'z-index' of the RadContextMenu to 7002.
5. Now if you view this page again on the browser, you will see that the RadContextMenu appears behind the RadWindow.
This problem only happens in Chrome. If you view this page in IE you will see it is working as expected.
I couldn't attach my project because it only allows me to attach image files.
We can reproduce this problem without the first step as well. But that is the reason behind setting 'z-index' on RadContextMenu.
Thank you,
Lahiru
0
Accepted
Hi Lahiru,
You can try to keep the z-index of the grid and context menu and lower the z-index of the outer first menu instead:
That should do the trick. Please give it a try and let me know about the result.
Kind regards,
Eyup
the Telerik team
You can try to keep the z-index of the grid and context menu and lower the z-index of the outer first menu instead:
<
style
>
div.RadMenu
{
z-index: 2900;
}
</
style
>
That should do the trick. Please give it a try and let me know about the result.
Kind regards,
Eyup
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.
0

Lahiru
Top achievements
Rank 1
answered on 20 May 2013, 02:16 PM
Hi Eyup,
That did the trick.
Thanks a lot.
Lahiru
That did the trick.
Thanks a lot.
Lahiru