RadGrid: select row when mouseover and navigate to url on mouseclick

[Yan Moura]

Hey all!

I am playing with a RadGrid. I bound formatted HTML to the second column so when I mouse it over it gets "selected" and when I click it page navigate for the proper url. I need the very same behavior but I'd like to select the whole row instead only one cell. Please see attached...

My current grid setup:

<telerik:RadGrid ID="RadGrid1" style="visibility:hidden;display:none;" runat="server" autopostback="true" Width="60%">
            <MasterTableView AutoGenerateColumns="false">
                <Columns>
                    <telerik:GridBoundColumn DataField="Description"  HeaderText="Description" ReadOnly="True" UniqueName="Description"></telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ConditionsAndOptions"  HeaderText="Details" ReadOnly="True" UniqueName="ConditionsAndOptions"></telerik:GridBoundColumn>
                    <telerik:GridMaskedColumn DataField="RetailPrice" HeaderText="Price" ReadOnly="True" UniqueName="RetailPrice" Mask="##,###.##"></telerik:GridMaskedColumn>
                    <telerik:GridImageColumn DataType="System.String" DataImageUrlFields="PartPic" DataImageUrlFormatString="" ImageAlign="Middle" ImageHeight="" ImageWidth="100px" HeaderText="Part Pic"></telerik:GridImageColumn>
                </Columns>
            </MasterTableView>
        </telerik:RadGrid>

 

Any idea?