Style issue here:
I've got a radGrid with a Template column that contains an ASP.NET RadioButtonList (simply Yes/No radio buttons). I've turned on AllowHoverStyle in the ClientSettings of the radGrid. The entire row does hover, EXCEPT when I hover over the RadioButtonList, in which case the hover style goes away.
I'm usually pretty good with styling issues, but I'm at a loss on this one. The strange thing is I have other columns that some have buttons, images, dropdown, and hovering over any of these items does NOT make the row hover style go away; it stays and is great. It only disappears when it's over the RadioButtonList. Well technically since the RadioButtonList control renders with a table w/radio buttons inside table cells, the radGrid's hover style appears to disappear when the mouse hovers over this RadioButtonList rendered radio button or radio button's label (still works if Only over the table containing the buttons and labels)
I've already tried setting z-index on the radios and labels to inherit, but that didn't work. not sure what else would cause the full row's hover style to go away?
Any ideas are greatly appreciated. Thanks.
I've got a radGrid with a Template column that contains an ASP.NET RadioButtonList (simply Yes/No radio buttons). I've turned on AllowHoverStyle in the ClientSettings of the radGrid. The entire row does hover, EXCEPT when I hover over the RadioButtonList, in which case the hover style goes away.
I'm usually pretty good with styling issues, but I'm at a loss on this one. The strange thing is I have other columns that some have buttons, images, dropdown, and hovering over any of these items does NOT make the row hover style go away; it stays and is great. It only disappears when it's over the RadioButtonList. Well technically since the RadioButtonList control renders with a table w/radio buttons inside table cells, the radGrid's hover style appears to disappear when the mouse hovers over this RadioButtonList rendered radio button or radio button's label (still works if Only over the table containing the buttons and labels)
I've already tried setting z-index on the radios and labels to inherit, but that didn't work. not sure what else would cause the full row's hover style to go away?
Any ideas are greatly appreciated. Thanks.
2 Answers, 1 is accepted
0
Accepted
Hello Paul,
RadGrid is rendered as <table> with table rows (<tr>) and table cells (<td>) where the table rows have css class defined in the control skin. The table cells might have another elements like <span>, <a>, etc. which inherit the table row styles. However in case in the table cell there is another table, this table cannot inherit the table row styles and you already observed the result of this.
To overcome the issue, you can try changing the RepeatLayout property to Flow or other than table.
Please try it out and let me know if this helps.
Regards,
Iana
the Telerik team
RadGrid is rendered as <table> with table rows (<tr>) and table cells (<td>) where the table rows have css class defined in the control skin. The table cells might have another elements like <span>, <a>, etc. which inherit the table row styles. However in case in the table cell there is another table, this table cannot inherit the table row styles and you already observed the result of this.
To overcome the issue, you can try changing the RepeatLayout property to Flow or other than table.
Please try it out and let me know if this helps.
Regards,
Iana
the Telerik team
Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
0
Paul J
Top achievements
Rank 1
Rank 1
answered on 09 Dec 2010, 05:18 PM
Iana,
Brilliant! That did the trick (RepeatLayout="Flow"). Thanks.
Brilliant! That did the trick (RepeatLayout="Flow"). Thanks.