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

[Solved] Gridlines always appear

1 Answer 131 Views

Grid

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

Josh Wood asked on 09 Oct 2009, 01:16 PM

capture.PNG

Based off the demo for calendar databinding, I'm using the radgrid to create a control which has a value specified for a specific date. In the ascx I have instructed the radgrid and the mastertableview to show horizontal gridlines only. However, vertical ones still appear. Here is the radgrid definition in my ascx. What am I missing?

    
                        <telerik:RadGrid ID="objRadGrid" runat="server" AutoGenerateColumns="False" Skin="Web20" EnableViewState="false" 
        
                            Width="300px" OnNeedDataSource="objRadGrid_NeedDataSource" OnUpdateCommand="objRadGrid_UpdateCommand" 
        
                            GridLines="Horizontal"> 
        
                            <MasterTableView Width="100%" ShowHeader="false" GridLines="Horizontal"> 
        
                                <Columns> 
        
                                    <telerik:GridTemplateColumn HeaderText="Goal Value" UniqueName="TemplateColumn"> 
        
                                        <ItemTemplate> 
        
                                            <asp:Label runat="server" ID="date" Text='<%# Eval("Date", "{0:d}") %>'> 
        
                                            </asp:Label> 
        
                                            &nbsp; 
        
                                        </ItemTemplate>                            
        
                                        <EditItemTemplate> 
        
                                            <asp:TextBox runat="server" ID="txtGoalValue" Text='<%# Eval("Goal") %>' Visible="true" /> 
        
                                        </EditItemTemplate>   
        
                                    </telerik:GridTemplateColumn> 
        
                                    <telerik:GridEditCommandColumn ButtonType="ImageButton" /> 
        
                                </Columns> 
        
                            </MasterTableView> 
        
                        </telerik:RadGrid>

1 Answer, 1 is accepted

answered on 12 Oct 2009, 12:36 PM

Hi Josh,

You cannot control the RadGrid borders with the GridLines property, when a skin is used and border styles are defined in the skin.

Please use the following CSS rule to remove the vertical borders:

div.RadGrid_Web20 .rgRow td,
div.RadGrid_Web20 .rgAltRow td,
div.RadGrid_Web20 .rgHeader,
div.RadGrid_Web20 th.rgResizeCol,
div.RadGrid_Web20 .rgFilterRow td
{
    border-left:0;
    border-right:0;
    padding-left:7px;
}

Sincerely yours,
Dimo
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.