Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

Vertical Line in first Column

3 Answers 56 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Moustafa
Top achievements
Rank 1
Moustafa asked on 16 Jun 2010, 01:00 PM
Hi, Telerik Team

Although I follow up all the steps described in
http://www.telerik.com/help/aspnet-ajax/grdcreatingnewskins.html
to remove the embbed skins of thre Grid
I still have vertical line in the first column in some Grids (not all) and I can not figure out the trick that causes the problem
you can have a look at this image to see it visually
http://www.4shared.com/photo/bGY4EGpd/Student.html

thanks in advance

tools:
Asp.net 3.5
Rad controls for asp.net ajax 2009 Q3
windows 7 operating system

3 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 16 Jun 2010, 01:10 PM
Hello Moustafa,

Please use Firebug for Firefox or Web Developer Toolbar for IE to determine which styles cause the border to appear. If you still have difficulties, please send your custom skin.

Sincerely yours,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Moustafa
Top achievements
Rank 1
answered on 16 Jun 2010, 01:17 PM
I do not have any custom skins ,just styles to remove the images

div.RadGrid_Web20

 

 

.rgHeader,

 

div.RadGrid_Web20

 

 

th.rgResizeCol

 

{

 

 

background-image: none ;

 

}

 

div.Borderless

 

 

.rgCommandRow

 

{

 

 

/* background-image:none;

 

background-color:#EEEEEE;*/

}

div.Borderless

 

 

.rgFilterRow

 

{

 

 

background-color:#EEEEEE;

 

}

div.Borderless

 

 

.rgActiveRow,

 

div.Borderless

 

 

.rgActiveRow td,

 

div.Borderless

 

 

.rgSelectedRow,

 

div.Borderless

 

 

.rgSelectedRow td

 

{

 

 

border-width:0 0 0 0; /*top right bottom left*/

 

}

div.Borderless

 

 

.rgHeader,

 

div.Borderless

 

 

th.rgResizeCol,

 

div.Borderless

 

 

.rgFilterRow td

 

{

 

 

border-width:0 0 0 0; /*top right bottom left*/

 

}

div.Borderless

 

 

.rgRow td,

 

div.Borderless

 

 

.rgAltRow td,

 

div.Borderless

 

 

.rgEditRow td,

 

div.Borderless

 

 

.rgFooter td

 

{

 

 

border-width:0;

 

}

0
Dimo
Telerik team
answered on 18 Jun 2010, 08:00 AM
Hello Moustafa,

I am not able to reproduce the problem. Here is my test page, please compare with yours:


<%@ Page Language="C#" %>
<%@ Import Namespace="System.Data" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
 
<script runat="server">
 
    protected void RadGrid_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
    {
        DataTable dt = new DataTable();
        DataRow dr;
        int colsNum = 4;
        int rowsNum = 6;
        string colName = "Column";
 
        for (int j = 1; j <= colsNum; j++)
        {
            dt.Columns.Add(String.Format("{0}{1}", colName, j));
        }
 
        for (int i = 1; i <= rowsNum; i++)
        {
            dr = dt.NewRow();
 
            for (int k = 1; k <= colsNum; k++)
            {
                dr[String.Format("{0}{1}", colName, k)] = String.Format("{0}{1} Row{2}", colName, k, i);
            }
            dt.Rows.Add(dr);
        }
 
        (sender as RadGrid).DataSource = dt;
    }
 
</script>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 
<head runat="server">
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>RadControls</title>
<style type="text/css">
 
div.Borderless .rgHeader,
div.Borderless th.rgResizeCol,
div.Borderless .rgFilterRow td,
div.Borderless .rgRow td,
div.Borderless .rgAltRow td,
div.Borderless .rgEditRow td,
div.Borderless .rgFooter td
{
    border-width:0;
    padding-left:7px;
    padding-right:7px;
}
 
</style>
</head>
<body dir="rtl">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
 
<telerik:RadGrid
    ID="RadGrid1"
    runat="server"
    Width="800px"
    Skin="Web20"
    AllowMultiRowSelection="true"
    CssClass="Borderless"
    AllowFilteringByColumn="true"
    OnNeedDataSource="RadGrid_NeedDataSource">
    <MasterTableView>
        <Columns>
            <telerik:GridClientSelectColumn />
        </Columns>
    </MasterTableView>
    <ClientSettings>
        <Selecting AllowRowSelect="true" />
    </ClientSettings>
</telerik:RadGrid>
 
</form>
</body>
</html>


Sincerely yours,
Dimo
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Grid
Asked by
Moustafa
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Moustafa
Top achievements
Rank 1
Share this question
or