This is a migrated thread and some comments may be shown as answers.

Grid Selection issue

4 Answers 58 Views
Grid
This is a migrated thread and some comments may be shown as answers.
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.

4 Answers, 1 is accepted

Sort by
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:
<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.
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:
<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
Tags
Grid
Asked by
Afroz khan
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Afroz khan
Top achievements
Rank 1
Share this question
or