Chip Meyer
Top achievements
Rank 1
Rank 1
Chip Meyer
asked on 27 May 2008, 08:24 PM
I've got colorpickers both in and outside of a radgrid template. When a radwindow pops up all the colorpicker controls show overlayed on top of the radwindow. As if they needed their "itemindex" "send to back".
I couldn't find any equivelant setting nor did a Google pop up anything or anybody else with the problem (wasn't too sure of the search words to tell you the truth).
Thanks, Rodney
I couldn't find any equivelant setting nor did a Google pop up anything or anybody else with the problem (wasn't too sure of the search words to tell you the truth).
Thanks, Rodney
3 Answers, 1 is accepted
0
Hello Chip,
You can determine which element to be shown over another one by using their z-index property.
Since the Q1 2008 Release of RadControls for ASP.NET AJAX it is very easy to control this behavior for all the RadControls by using their style attribute. I suggest to examine our online help topic which explains how to control the z-indexes - you can find it here.
In case you need further assistance, please provide more information about your settings e.g. do you show the RadColorPicker's icon and popup the color palette on click or the palette is visible all the time? Please, also provide a more detailed explanation of the desired behavior.
All the best,
Svetlina
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
You can determine which element to be shown over another one by using their z-index property.
Since the Q1 2008 Release of RadControls for ASP.NET AJAX it is very easy to control this behavior for all the RadControls by using their style attribute. I suggest to examine our online help topic which explains how to control the z-indexes - you can find it here.
In case you need further assistance, please provide more information about your settings e.g. do you show the RadColorPicker's icon and popup the color palette on click or the palette is visible all the time? Please, also provide a more detailed explanation of the desired behavior.
All the best,
Svetlina
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
0
Chip Meyer
Top achievements
Rank 1
Rank 1
answered on 29 May 2008, 07:10 PM
Hi, thanks. I set the style on the colorpicker (it, by default, is not showing the color selection grid, only the color icon) to 0 and set the radwindowmanager z-index to 6000 and the window now covers the colorpicker icon when the radwindow pops up over it or I drag the radwindow over it. I set these settings though the design view of both controls.
However, it appears that the z-index style attribute is only valid when positioning is absolute. I have one colorpicker outside of a grid item template and I can position that ok but the ones inside the template, at best, would only be able to have their relative position set...otherwise they are all over the place.
Please let me know if I'm unclear or if you need more detail. I'm assuming that the situation is a relatively simple situation of a radwindow over a colorpicker control on the "parent" window but let me know if I've missed something.
Thanks, Chip
However, it appears that the z-index style attribute is only valid when positioning is absolute. I have one colorpicker outside of a grid item template and I can position that ok but the ones inside the template, at best, would only be able to have their relative position set...otherwise they are all over the place.
Please let me know if I'm unclear or if you need more detail. I'm assuming that the situation is a relatively simple situation of a radwindow over a colorpicker control on the "parent" window but let me know if I've missed something.
Thanks, Chip
0
Hello Chip,
I tested the behavior both with RadGrid for ASP.NET and RadGrid for ASP.NET AJAX controls but in both cases I was not able to see different behavior of the RadColorPicker inside the grid and the one which is outside it.
I suppose that probably in your case the RadColorPicker inherits some style and I suggest to try to add the keyword !important after the z-index setting.
In case this does not help, please open a new support ticket and send me a small reproduction project. Please, also make sure that you are using the latest version of RadControls for ASP.NET AJAX - in case you are not, I recommend to upgrade to it and test the project again.
Kind regards,
Svetlina
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
I tested the behavior both with RadGrid for ASP.NET and RadGrid for ASP.NET AJAX controls but in both cases I was not able to see different behavior of the RadColorPicker inside the grid and the one which is outside it.
I suppose that probably in your case the RadColorPicker inherits some style and I suggest to try to add the keyword !important after the z-index setting.
In case this does not help, please open a new support ticket and send me a small reproduction project. Please, also make sure that you are using the latest version of RadControls for ASP.NET AJAX - in case you are not, I recommend to upgrade to it and test the project again.
Kind regards,
Svetlina
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center