Afroz khan
Top achievements
Rank 1
Afroz khan
asked on 19 Sep 2013, 09:42 AM
Hi,
We are using the telerik (latest library) Grid with "Outlook" skin , problem is when grid rows gets selected header and selected row color appear same (blue).
if there a way to change the selected row color ? also we have a requirement to use only "outlook" skin.
Please suggest me to rid this issue.
We are using the telerik (latest library) Grid with "Outlook" skin , problem is when grid rows gets selected header and selected row color appear same (blue).
if there a way to change the selected row color ? also we have a requirement to use only "outlook" skin.
Please suggest me to rid this issue.
4 Answers, 1 is accepted
0
Accepted
Princy
Top achievements
Rank 2
answered on 19 Sep 2013, 09:54 AM
Hi Afroz,
Please try setting the following CSS class to your Grid to show different color for selected rows.
CSS:
ASPX:
Thanks,
Princy
Please try setting the following CSS class to your Grid to show different color for selected rows.
CSS:
<style type="text/css"> .RadGrid_Outlook .rgSelectedRow td { background-color: Green; //Your desired Color }</style>ASPX:
<telerik:RadGrid ID="RadGrid1" runat="server" AllowMultiRowSelection="true"> <MasterTableView > </MasterTableView> <ClientSettings Selecting-AllowRowSelect="true"> </ClientSettings></telerik:RadGrid>Thanks,
Princy
0
Afroz khan
Top achievements
Rank 1
answered on 19 Sep 2013, 10:11 AM
Thanks Princy it is working but there is blue line is appearing after row selection
I have attached the file.
I have attached the file.
0
Princy
Top achievements
Rank 2
answered on 19 Sep 2013, 10:43 AM
Hi ,
Please add the following to the CSS to remove the border line.
CSS:
Thanks,
Princy
Please add the following to the CSS to remove the border line.
CSS:
<style type="text/css"> .RadGrid_Outlook .rgSelectedRow td { background-color: Green; border-bottom-color: Green !important; }</style>Thanks,
Princy
0
Afroz khan
Top achievements
Rank 1
answered on 19 Sep 2013, 01:19 PM
thanks princy it worked