[Solved] Unable to Suppress Border on Edited Item

[Christopher]

I am using Telerik 2009 Q2 release.
I have a WinGrid where a put all records in Edit Mode. The only editable item on a row is a checkbox. I only want the user to be able to check the checkbox as nessary. Because all rows are in edit mode a line is displayed underneath each row. I do not want this line displayed. I believe I should be able to suppress the line by the following code - but is is not working. The EditItemStyle-BorderStyle="None" should suppress the line.

<

 

MasterTableView DataKeyNames="WorkCategorySubTypeDamageExtentID"  

CommandItemDisplay="None"   

EditMode="InPlace" GroupHeaderItemStyle-HorizontalAlign="Left"   

AllowSorting ="True" DataSourceID="ManageDamageExtentSelect" ShowHeader="True" ShowFooter="True"
EditItemStyle-BorderStyle="None" >

Thanks for any help.

Chris

 

 

 

 

[Daniel]

Hello Christopher,

Please try the following way:

<style type="text/css">
    .RadGrid_Default .rgEditRow
    {
        background: none;
    }
    .RadGrid_Default .rgMasterTable .rgEditRow td
    {
        border: none 0;
    }
</style>

Replace "Default" with your Skin name. For example: .RadGrid_Vista .rgEditRow

Kind regards,
Daniel
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Christopher]

Daniel,

Your suggestion worked for Firefox 3.5. Unfortunately it did not work for IE7. Any other ideas? Thanks.

Chris

[Daniel]

Hello Christopher,

I missed the rgMasterTable class in the first part of the code-snippet.

<style type="text/css">
    .RadGrid_Default .rgMasterTable .rgEditRow
    {
        background: none;
    }
    .RadGrid_Default .rgMasterTable .rgEditRow td
    {
        border: none 0;
    }
</style>

Let me know whether this works as expected.

Best regards,
Daniel
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Christopher]

Daniel,

I found another approach that worked and was simplier to implement. I used an GridTemplateColumn with an ItemTemplate with an embedded CheckBox. This provided the user experience I that I was trying to achieve without having to put all the rows in edit mode.

<rad:GridTemplateColumn UniqueName="IsEnabled"

HeaderStyle-HorizontalAlign="Center"

HeaderText="Is Enabled"

SortExpression="IsEnabled">

<ItemTemplate>

<asp:CheckBox ID="cbxIsEnabled" AutoPostBack="true" OnCheckedChanged="cbxIsEnabled_CheckedChanged"

runat="server" Checked='<%# Bind("IsEnabled") %>' />

</ItemTemplate>  </rad:GridTemplateColumn>

I have recently upgraded to IE8. I tried your suggestion with IE8 before changing my approach. It still did not seem to work. It may be due to the fact that the grid is in a dymically loaded user control.
Thanks for your help.

Chris

[Daniel]

Hello Christopher,

Sorry to hear that my suggestion didn't help. Could you please let me know the version of RadControls used in your project? In the meantime you can test the demo project attached to this forum post.

Best regards,
Daniel
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.