I have a Modal Window on my MasterPage and also a RadMenu, everything works fine except when the Modal Window opens, the only control left enabled on the page is the RadMenu.
Is this a known issue? I don't see anything about it when I did a search. I can disable it from the JS that opens the window, but that seems kludgy.
Did I miss a setting somewhere that controls this behavior?
I tried Overlay which did not affect the behavior in any way.
Is this a known issue? I don't see anything about it when I did a search. I can disable it from the JS that opens the window, but that seems kludgy.
Did I miss a setting somewhere that controls this behavior?
I tried Overlay which did not affect the behavior in any way.
12 Answers, 1 is accepted
0
Hi Steele,
If by enabled you mean that the RadMenu is rendered above the modal RadWindow, it is because its z-index has a higher value. You can control it by setting the following property to the RadMenu's control:
style="z-index:29000" - you can use the Dev Toolbar to check what is the z-index of the modal background of the RadWindow - it is calculated dynamically so I cannot tell what is the value on your side.
If you still experience problems, please open a support ticket and send me a small sample project that reproduces it - I will check it and get back to you right away.
Kind regards,
Georgi Tunev
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
If by enabled you mean that the RadMenu is rendered above the modal RadWindow, it is because its z-index has a higher value. You can control it by setting the following property to the RadMenu's control:
style="z-index:29000" - you can use the Dev Toolbar to check what is the z-index of the modal background of the RadWindow - it is calculated dynamically so I cannot tell what is the value on your side.
If you still experience problems, please open a support ticket and send me a small sample project that reproduces it - I will check it and get back to you right away.
Kind regards,
Georgi Tunev
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
0
Steele
Top achievements
Rank 1
Rank 1
answered on 03 Apr 2008, 05:17 PM
Well, that helps with the zindex which I did find and it gets the window on top, but it's not really what I meant.
When I launch a Modal Window everything on the page below the Modal Window should be Disabled.
If I can still click in the Menu, then it is not Disabled. I would expect he Menu on the MasterPage to become Inactive (disabled) when the Modal Window is open so a User cannot click in the menu until they close the Modal Window.
When I launch a Modal Window everything on the page below the Modal Window should be Disabled.
If I can still click in the Menu, then it is not Disabled. I would expect he Menu on the MasterPage to become Inactive (disabled) when the Modal Window is open so a User cannot click in the menu until they close the Modal Window.
0
Hi Steele,
Thank you for bringing this problem to our attention - we will do our best to improve the behavior of the control for the release. For now I suggest to set the z-index of the RadMenu control to 20000 and you will not experience this problem.
Best wishes,
Georgi Tunev
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
Thank you for bringing this problem to our attention - we will do our best to improve the behavior of the control for the release. For now I suggest to set the z-index of the RadMenu control to 20000 and you will not experience this problem.
Best wishes,
Georgi Tunev
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
0
Steele
Top achievements
Rank 1
Rank 1
answered on 04 Apr 2008, 09:06 AM
Georgi:
OH, duh… I get it, sorry, I was being thick. Anything with a z-index less than the Modal Window gets disabled... and the menu typically is higher than that.
Now I understand, I applied the change and it works great!
So actually this is by design and you have given us the option to get something on top of the modal window which in some cases does make sense. Just document it, don't change it, this functionality is good and you have already thought of scenarios I wasn't considering.
OH, duh… I get it, sorry, I was being thick. Anything with a z-index less than the Modal Window gets disabled... and the menu typically is higher than that.
Now I understand, I applied the change and it works great!
So actually this is by design and you have given us the option to get something on top of the modal window which in some cases does make sense. Just document it, don't change it, this functionality is good and you have already thought of scenarios I wasn't considering.
0
Hi again Steele,
Indeed, we will add information about the different control's z-index values and you will be able to change them if you need that in your scenarios.
Best wishes,
Georgi Tunev
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
Indeed, we will add information about the different control's z-index values and you will be able to change them if you need that in your scenarios.
Best wishes,
Georgi Tunev
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
0
Steele
Top achievements
Rank 1
Rank 1
answered on 21 Apr 2008, 10:04 PM
Where can I find the documentation for the z-Index of the following 3 controls?
RadComboBox, RadMenu and RadWindow?
The solution discussed here no longer works with the Q1 2008 release.
I was previously setting the values as such:
RadComboBox, RadMenu and RadWindow?
The solution discussed here no longer works with the Q1 2008 release.
I was previously setting the values as such:
'lower the Menu Control below the modal window
MasterMenu.Style("z-index") = "20000"
'raise the Facility Control above the menu
FacilitySelector.ZIndex = 20001
ModalPopup.Style("z-index") = "20002"
This is is all done in Page_Load of my master page.
Thanks
0
Sean
Top achievements
Rank 1
Rank 1
answered on 22 Apr 2008, 03:54 PM
I'm experiencing this problem as well. Though I set the z-index to 20000, the menu still floats above the modal window. I'm using Q1 2008 rad controls for ASP.NET AJAX.
Thanks in advance for a fix for this issue!
Thanks in advance for a fix for this issue!
0
Jeff
Top achievements
Rank 1
Rank 1
answered on 23 Apr 2008, 09:25 AM
Same here.
0
Sean
Top achievements
Rank 1
Rank 1
answered on 23 Apr 2008, 11:56 AM
Here's the answer:
Look up z-index in the online help that comes with 2008 Q1. You'll find this article:
ms-help://telerik.aspnetajax.radcontrols.2008.Q1/telerik.aspnetajax.radcontrols.common.2008.Q1/controlling-absolute-positioning-with-zindex.html
It lists the default z-indices of the various controls:
RadToolTip - 8000
RadMenu - 7000
RadCombo - 6000
RadDatePicker - 5000
RadColorPicker - 4000
RadWindow - 3000
RadSplitter - 2000
RadDock - 1000
You'll notice that RadWindow's z-index is only 3000, while the menu us 7000. If you change the z-index of the RadWindowManager to 8000, you should be all set.
Look up z-index in the online help that comes with 2008 Q1. You'll find this article:
ms-help://telerik.aspnetajax.radcontrols.2008.Q1/telerik.aspnetajax.radcontrols.common.2008.Q1/controlling-absolute-positioning-with-zindex.html
It lists the default z-indices of the various controls:
You'll notice that RadWindow's z-index is only 3000, while the menu us 7000. If you change the z-index of the RadWindowManager to 8000, you should be all set.
0
Steele
Top achievements
Rank 1
Rank 1
answered on 23 Apr 2008, 01:47 PM
Sean:
That is not he answer, look at the posted code that is setting the z-indexes.
They are being set in the proper order and it is not working.
Steele
That is not he answer, look at the posted code that is setting the z-indexes.
They are being set in the proper order and it is not working.
Steele
0
Sean
Top achievements
Rank 1
Rank 1
answered on 23 Apr 2008, 02:01 PM
Steele:
You're right, I left something off. That same article mentions that you have to set the z-index on the RadWindowManager, not a particular RadWindow. I found that to be the case, and following those instructions worked for me!
Hope this helps you.
Sean
You're right, I left something off. That same article mentions that you have to set the z-index on the RadWindowManager, not a particular RadWindow. I found that to be the case, and following those instructions worked for me!
Hope this helps you.
Sean
| style="z-index:<some value>" can be set to the RadWindowManager only, not to the RadWindow control itself. This is because the z-index of the different RadWindows is dynamically changed - even if you have a RadWindow with z-index 100, it will be displayed over other RadWindows with higher z-index value, if active. |
0
Steele
Top achievements
Rank 1
Rank 1
answered on 23 Apr 2008, 02:38 PM
OK, That helps, thanks!