Gridview design witn Css apply this

Posted by Jayakumars under Regular Expressions on 5/27/2011 | Points: 10 | Views : 54671 | Status : [Member] [MVP] | Replies : 6

Write New Post |

Search Forums | Answered

Resolved Posts |

Un Answered Posts |

Forums Home

hi

every one
i Need Gridview design with css with borders how to design this any one post urls.

Selected row show separe colors.

Mark as Answer if its helpful to you

Kumaraspcode2009@gmail.com

Reply | Reply with Attachment

Alert Moderator

Responses

Posted by: Nithadeepak on: 5/27/2011 [Member] Bronze | Points: 25

0	http://www.aspdotnetfaq.com/Faq/How-to-correctly-highlight-GridView-rows-on-Mouse-Hover-in-ASP-NET.aspx http://www.telerik.com/community/forums/winforms/gridview/change-color-of-selected-row-in-gridview.aspx Nitha Deepak Jayakumars, if this helps please login to Mark As Answer. \| Alert Moderator

Posted by: Prabhakar on: 5/27/2011 [Member] [MVP] Starter | Points: 25

0	Hi Jayakumars check this link . . http://www.atashbahar.com/post/GridView-makeover-using-CSS.aspx http://www.asp.net/cssadapters/gridview.aspx http://yourashraf.wordpress.com/2006/10/18/css-for-aspgridview-2/ Best Regard's Prabhakar Jayakumars, if this helps please login to Mark As Answer. \| Alert Moderator

Posted by: Jayakumars on: 5/27/2011 [Member] [MVP] Bronze | Points: 25

0	hi thanks both of you i need layout just design datagrid enough colorful datagrid without teleriks Mark as Answer if its helpful to you Kumaraspcode2009@gmail.com Jayakumars, if this helps please login to Mark As Answer. \| Alert Moderator

Posted by: Susanthampy on: 5/29/2011 [Member] [MVP] Bronze | Points: 25

0	Hi Jayakumar, Try this links, http://www.atashbahar.com/post/GridView-makeover-using-CSS.aspx http://www.codeproject.com/KB/webforms/MouseHoverUsingCSS.aspx http://www.cyberslingers.com/weblog/post/Glassy-Black-GridView-Theme.aspx Regards, Susan Jayakumars, if this helps please login to Mark As Answer. \| Alert Moderator

Posted by: Ndebata on: 5/30/2011 [Member] Starter | Points: 25

0	Hi Take a look at this which i replied some days before. http://www.dotnetfunda.com/forums/thread4630-gridview-border-color-problem-.aspx Thanks, Debata Jayakumars, if this helps please login to Mark As Answer. \| Alert Moderator

Posted by: Mrnikkan on: 12/14/2012 [Member] Starter | Points: 25

0	try this .gridview { font-family:"arial"; background-color:#FFFFFF; width: 100%; font-size: small; } .gridview th { background: #7AC142; padding: 5px; font-size:small; } .gridview th a{ color: #003300; text-decoration: none; } .gridview th a:hover{ color: #003300; text-decoration: underline; } .gridview td { background: #D9EDC9; color: #333333; font: small "arial"; padding: 4px; } .gridview tr.even td { background: #FFFFFF; } .gridview td a{ color: #003300; font: bold small "arial"; padding: 2px; text-decoration: none; } .gridview td a:hover { color: red; font-weight: bold; text-decoration:underline; } if using .css file for your control then it goes if ur pasting the code in the source page then add <stlye> tag Jayakumars, if this helps please login to Mark As Answer. \| Alert Moderator

try this

.gridview {
font-family:"arial";
background-color:#FFFFFF;
width: 100%;
font-size: small;
}
.gridview th {
background: #7AC142;
padding: 5px;
font-size:small;

}
.gridview th a{
color: #003300;
text-decoration: none;
}
.gridview th a:hover{
color: #003300;
text-decoration: underline;
}
.gridview td {
background: #D9EDC9;
color: #333333;
font: small "arial";
padding: 4px;
}
.gridview tr.even td {
background: #FFFFFF;
}
.gridview td a{
color: #003300;
font: bold small "arial";
padding: 2px;
text-decoration: none;
}
.gridview td a:hover {
color: red;
font-weight: bold;
text-decoration:underline;
}

if using .css file for your control then it goes
if ur pasting the code in the source page then add <stlye> tag

Jayakumars, if this helps please login to Mark As Answer. | Alert Moderator

Latest Posts