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

How to delete items border or seperators

1 Answer 114 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Hamza
Top achievements
Rank 1
Hamza asked on 17 Feb 2013, 11:45 PM
Hi all

I create a grid and create some item template , but still can't remove a border or a separator

a screenshot is attached

and here is my code that attached too

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="GamesArchive.ascx.cs" Inherits="Pages_Controls_Others_GamesArchive" %>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">
</telerik:RadAjaxLoadingPanel>
 
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" HorizontalAlign="NotSet"
    Width="800px" BorderColor="#180052">
    <br />
    <telerik:RadGrid ID="RadGrid1" DataSourceID="SqlDataSource1" runat="server" GridLines="None" MasterTableView-GridLines="None"
        AllowPaging="True" PageSize="10" CellSpacing="0" CellPadding="0" Skin="Web20" Width="800px"
        BackColor="#180052" BorderColor="#180052" BorderWidth="0" GroupingEnabled="False" ShowHeader="False">
        <MasterTableView DataSourceID="SqlDataSource1">
            <ItemTemplate>
                <center>
                    <div style="Width: 700px; height: 123px;">
                        <div style="Width: 120px; height: 120px; float: left; border: red 1px solid;">
                            <center>
                                <asp:Image ID="Image10" runat="server" Height="120px" Width="120px" ImageUrl='<%# "~/Games/Picss/" + Eval("Game_Avatar")%>'></asp:Image>
                            </center>
                        </div>
                        <div style="Width: 100px; height: 120px; float: left;"><br /></div>
                        <div style="Width: 248px; height: 120px; float: left; border: red 1px solid;">
                            <center>
                                <br />
                                <asp:Label ID="Label12" runat="server" ForeColor="White" CssClass="FontNormalBold" Text='<%# Eval("Game_Title")%>'></asp:Label>
                                <br />
                                <asp:Label ID="Label1" runat="server" ForeColor="White" CssClass="FontNormal" Text='<%# "<B>Categroy: </b>" +  Eval("Game_Category")%>'></asp:Label>
                            </center>
                        </div>
                        <div style="Width: 100px; height: 120px; float: left;"><br /></div>
                        <div style="Width: 120px; height: 120px; float: left; border: red 1px solid;">
                            <center>
                                <br />
                                <asp:HyperLink ID="HyperLink8" runat="server" NavigateUrl='<%# "~/Pages/GamesView.aspx?id=" + Eval("Game_ID")%>'>
                                    <asp:Image ID="Image11" runat="server" Height="60px" ImageUrl="~/Pics/Icons/OthersIcons/Game.PNG"></asp:Image>
                                </asp:HyperLink>
                            </center>
                             <asp:Label ID="Label11" runat="server" CssClass="FontNormal" ForeColor="White" Text="Play Now"></asp:Label>
                        </div>
                    </div>
                </center>
            </ItemTemplate>
            
            <CommandItemSettings ExportToPdfText="Export to PDF" />
            <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column" Visible="True">
            </RowIndicatorColumn>
            <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column" Visible="True">
            </ExpandCollapseColumn>
            <EditFormSettings>
                <EditColumn FilterControlAltText="Filter EditCommandColumn column">
                </EditColumn>
            </EditFormSettings>
        </MasterTableView>
        <FilterMenu EnableImageSprites="False">
        </FilterMenu>
    </telerik:RadGrid>
</telerik:RadAjaxPanel>
<asp:SqlDataSource ID="SqlDataSource1" runat="server"></asp:SqlDataSource>


thanks in advance

1 Answer, 1 is accepted

Sort by
0
Accepted
Jayesh Goyani
Top achievements
Rank 2
answered on 18 Feb 2013, 05:49 AM
Hello,

.RadGrid {
 
    border: none !important;
 
}
 
 
 
.RadGrid .rgRow td, .RadGrid .rgAltRow td {
    border: none !important;
}

OR

.RadGrid_Web20 {
 
    border: none !important;
 
}
 
 
 
.RadGrid_Web20 .rgRow td, .RadGrid_Web20 .rgAltRow td {
    border: none !important;
}


Thanks,
Jayesh Goyani
Tags
Grid
Asked by
Hamza
Top achievements
Rank 1
Answers by
Jayesh Goyani
Top achievements
Rank 2
Share this question
or