Client Side Selected Row Not Highlighted Correctly

[jim]

I am using the java script function below to highlight a row on the client side once a control in the row was selected.   It appears to be working but the the styles look like the picture below..  a very thin border around the row that is barely noticeable is selected.   How can I made it so the whole row will change color when the row is selected

 

           var grid = $find("<%=GridView_InboxDocuments.ClientID %>");
            var masterTable = $find("<%=GridView_InboxDocuments.ClientID%>").get_masterTableView();
            var dataItems = masterTable.get_dataItems();
            var count = dataItems.length;
            var link;
                       
            for (var i = 0; i < count; i++) {
                link = dataItems[i].findElement(controlName);
                if (link.text == eFilingId) {
                    grid.set_activeRow(dataItems[i].get_element());              
                }                
            } 

[Eyup]

Hi Jim,

Try using the following methods instead:
http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/client-side-programming/griddataitem-object/properties/set_selected%28%29
http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/client-side-programming/gridtableview-object/methods/selectitem

Hope this helps.

Regards,
Eyup
Telerik