I have attached screen shot. I want to make vertical gridlines visible false and show horizontal lines.
See the image grid.jpg file, i want to achieve this look and feel.
How do i achieve this?
Thanks,
Jwalant Dange
4 Answers, 1 is accepted
You will not be able to change the RadGrid appearance by using its GridLines property, because the vertical borders are defined in the Default skin, which you seem to be using. You have several options:
1. Use another skin, which has no vertical borders, e.g. Gray.
2. Override the Default skin by adding some custom CSS rules to your website.
3. Create a custom skin, which matches your initial target design.
For points 2 and 3, please refer to:
http://www.telerik.com/help/aspnet-ajax/grdcreatingnewskins.html
Best wishes,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
body{ background: #ffffff; background-image: url(images/bodyback.jpg); color: #343434; font-family: Verdana,Tahoma,Sans-Serif; font-size: 11px; margin: 0; padding: 0px; }
#wrapper{ width: 100%; }
#Content{ width: 555px; }
#Header{ margin-bottom: 20px; }
#TopNavigation{ margin: 0px; padding: 0px 0px 5px 0px; }
#TopNavigation:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#TopNavigation{ display: inline-block; }
* html #TopNavigation{ height: 1%; }
#TopNavigation{ display: block; }
#TopNavigation a{ color: #000000; text-decoration: none; }
#Main{ float: left; }
#SideBar{ font-size: 11px; }
#Footer{ clear: both; color: #646464; font-family: Verdana,Tahoma,Sans-Serif; font-size: 10px; line-height: 20px; margin-top: 5px; }
td { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; }
label { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; }
a { text-decoration: none; }
span { text-decoration: none; }
input { color: #333333; font-family: Verdana; font-size: 11px; }
textarea { color: #333333; font-family: Verdana; font-size: 11px; }
select { color: #333333; font-family: Verdana; font-size: 11px; }
div.content{ text-align: left; }
.LocationSelect{ font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; background-color: #ffffff; color: #000000; border-width: 1px; border-color: #808080; border-style: solid; height: 18px; padding: 0px; margin: 0px;}
.PageTitle{ color: #696464; font-family: arial,helvetica,sans-serif; font-size: 26px; letter-spacing: -1px; line-height: 26px; text-decoration: none; }
.PageTitleBold{ color: #696464; font-family: 'Arial Black',arial,helvetica,sans-serif; font-size: 26px; letter-spacing: -1px; line-height: 26px; text-decoration: none; }
.SideBarTitle{ color: #696464; font-family: arial,helvetica,sans-serif; font-size: 18px; letter-spacing: 0px; line-height: 20px; text-decoration: none; }
.SideBarTitleBold{ color: #696464; font-family: 'Arial Black',arial,helvetica,sans-serif; font-size: 20px; letter-spacing: 0px; line-height: 20px; text-decoration: none; }
.SideBarTitleLg{ color: #696464; font-family: arial,helvetica,sans-serif; font-size: 20px; letter-spacing: -1px; line-height: 20px; text-decoration: none; }
.SideBarTitleBoldLg{ color: #696464; font-family: 'Arial Black',arial,helvetica,sans-serif; font-size: 22px; letter-spacing: -1px; line-height: 24px; text-decoration: none; }
a.SideBarTitle{ color: #696464; font-family: arial,helvetica,sans-serif; font-size: 18px; letter-spacing: 0px; line-height: 20px; text-decoration: none; }
a.SideBarTitleBold{ color: #696464; font-family: 'Arial Black',arial,helvetica,sans-serif; font-size: 18px; letter-spacing: 0px; line-height: 20px; text-decoration: none; }
.partnerLoginButton{ float: left; margin-left: 120px; }
.LabsLoginTD td{ height: 22px; }
ul{ margin-left: 25; padding: 0; }
div.Image_hidden{ position: absolute; visibility: hidden; }
div.Image_show{ position: static; visibility: visible; }
/* Lightbox CSS File */
#map{ left: 242px; margin-left: 0px; position: absolute; z-index: 1; }
#lightbox{ left: 0; line-height: 0; position: absolute; text-align: center; width: 100%; z-index: 2; }
#lightbox a img{ border: none; }
#outerImageContainer{ background-color: #ffffff; height: 250px; margin: 0 auto; position: relative; width: 250px; }
#imageContainer{ padding: 10px; }
#loading{ height: 25%; left: 0%; line-height: 0; position: absolute; text-align: center; top: 40%; width: 100%; }
#hoverNav{ height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0; }
#hoverNav a{ outline: none; }
#prevLink,#nextLink{ background: transparent url(/Faronics/Images/blank.gif) no-repeat; display: block; height: 100%; width: 49%; }
#prevLink{ float: left; left: 0; }
#nextLink{ float: right; right: 0; }
#imageDataContainer{ background-color: #ffffff; font: 10px Verdana,Helvetica,sans-serif; line-height: 1.4em; margin: 0 auto; overflow: auto; width: 100%; }
#imageData{ color: #666666; padding: 0 10px; }
#imageData #imageDetails{ float: left; text-align: left; width: 70%; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ clear: left; display: block; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ float: right; padding-bottom: 0.7em; width: 66px; }
#overlay{ background-color: #000000; height: 500px; left: 0; position: absolute; top: 0; width: 100%; z-index: 90; }
/* Style CSS File */
html{ height: 100%; margin-bottom: 1px; }
body{ background-attachment: fixed; background-color: #a5a0a0; background-image: url(Images/bodyback.jpg); background-position: center center; background-repeat: repeat-y; height: 100%; margin: 0; padding: 0; }
.HeaderI{ background: url(Images/HeaderBack.gif) repeat; width: 100%; }
.HeaderIImage{ background: url(Images/FaronicsCorporation.jpg) no-repeat top left; height: 76; width: 610; }
.Header{ background: url(Images/HeaderBack.gif) repeat; width: 100%; }
.HeaderImage{ background: url(Images/FaronicsCorporation.jpg) no-repeat top left; height: 76; width: 610; }
.fullheight{ height: 100%; }
#fullheight{ height: 100%; }
.size0{ font-family: Verdana; font-size: 8px; }
.size01{ font-family: Verdana; font-size: 9px; }
.size05{ font-family: Verdana; font-size: 4px; }
.size1{ color: #333333; font-family: Verdana; font-size: 10px; }
.size1_em{ color: #333333; font-family: Verdana; font-size: 10px; font-weight: bold; }
.size1_in{ color: #333333; font-family: Verdana; font-size: 10px; padding-left: 10px; padding-right: 10px; }
.size2{ color: #333333; font-family: Verdana; font-size: 11px; }
.size2_em{ color: #333333; font-family: Verdana; font-size: 11px; font-weight: bold; }
.size2_in{ color: #333333; font-family: Verdana; font-size: 11px; padding-left: 8px; padding-right: 8px; }
.size3{ color: #333333; font-family: Verdana; font-size: 12px; font-weight: bold; }
.size4{ color: #333333; font-family: Verdana; font-size: 13px; font-weight: bold; }
.size4_U{ color: #333333; font-family: Verdana; font-size: 13px; font-weight: bold; text-transform: uppercase; }
.size5{ font-family: Verdana; font-size: 16px; }
.size6{ font-family: Verdana; font-size: 18px; }
a.nav:link{ color: #666666; font-family: Verdana; text-decoration: none; }
a.nav:visited{ color: #666666; font-family: Verdana; text-decoration: none; }
a.nav:hover{ color: #666666; font-family: Verdana; text-decoration: none; }
a.nav1:link{ color: #7d0000; font-family: Verdana; font-weight: bold; text-decoration: none; }
a.nav1:visited{ color: #7d0000; font-family: Verdana; font-weight: bold; text-decoration: none; }
a.nav1:hover{ color: #d21a25; font-family: Verdana; font-weight: bold; text-decoration: none; }
a.nav2:link{ color: #333333; font-family: Verdana; font-weight: bold; text-decoration: none; }
a.nav2:visited{ color: #333333; font-family: Verdana; font-weight: bold; text-decoration: none; }
a.nav2:hover{ color: #d21a25; font-family: Verdana; font-weight: bold; text-decoration: none; }
a.nav3:visited{ color: #333333; font-family: Verdana; font-weight: bold; text-decoration: none; }
a.nav3:link{ color: #333333; font-family: Verdana; font-weight: bold; text-decoration: none; }
a.nav3:hover{ color: #cc0000; font-family: Verdana; font-weight: bold; text-decoration: none; }
a.nav_news:link{ color: #000066; font-family: Verdana; text-decoration: none; }
a.nav_news:visited{ color: #000066; font-family: Verdana; text-decoration: none; }
a.nav_news:hover{ color: #ff0000; font-family: Verdana; text-decoration: none; }
.ul{ margin-left: 22; padding: 0px; }
.ul2{ margin-left: 0; padding: 0; }
.li{ list-style-image: url(Images/listarrow.gif); padding: 1; }
.li_men{ list-style-type: none; margin-bottom: 4px; text-align: left; }
.li_org{ padding: 4 0 4 0; }
.li_org{ padding: 4 0 4 0; }
.features_header{ color: #ffffff; font-family: Verdana; margin-left: 40px; margin-top: 50px; text-decoration: bold; }
.features_list{ margin-left: 60px; margin-top: 10px; }
/* Navigation Pages */
a.nav_prod:link{ color: #333333; font-family: Verdana; font-weight: bold; text-decoration: none; }
a.nav_prod:visited{ color: #333333; font-family: Verdana; font-weight: bold; text-decoration: none; }
a.nav_prod:hover{ color: #d21a25; font-family: Verdana; font-weight: bold; text-decoration: none; }
/* Partners CSS Classes */
newsli{ padding: 3; }
.newsstyleL{ background: url(/Faronics/Images/news/partnerHeaderLineL.gif) repeat-x bottom; }
.newsstyleR{ background: url(/Faronics/Images/news/partnerHeaderLine.gif) repeat-x bottom; }
.newsstyleHorL{ background: url(/Faronics/Images/news/partner_hor_divider.gif) repeat-x; vertical-align: top; }
.newsstyleHorL1{ background: url(/Faronics/Images/news/partner_hor_divider.gif); background-repeat: repeat-x; vertical-align: top; }
.newsstyleL1{ background: url(/Faronics/Images/news/partnerHeaderLineL.gif) repeat-x bottom; }
.newsstyleR1{ background: url(/Faronics/Images/news/partnerHeaderLine.gif) #cdc8c8 repeat-x bottom; }
.newssize05{ font-family: Verdana; font-size: 15px; font-weight: bold; }
.newssize051{ font-family: Verdana; font-size: 15px; font-weight: bold; }
.styleHorL1{ background: url(/Faronics/Images/partner_hor_divider.gif); background-repeat: repeat-x; vertical-align: top; }
/* Comments Form*/
.postComments ol{ list-style: none; }
.postComments fieldset{ background: #eeeeee; border: 0; display: block; margin-bottom: 2.3em; margin-top: 1em; padding: 1.8em 1em 1em; }
.postComments fieldset li{ clear: both; margin-bottom: 1em; }
.postComments fieldset li:after{ clear: both; content: "."; display: block; height: 3px; visibility: hidden; }
.postComments fieldset label,.postComments fieldset span{ float: left; font-size: 0.85em; line-height: 1.8em; padding-right: 5px; text-align: right; width: 70px; }
.postComments fieldset input{ float: left; padding: 2px; width: 200px; }
.postComments fieldset textarea{ float: left; font-family: Arial; font-size: 12px; height: 150px; width: 380px; }
.postComments fieldset input.commentsButton{ display: block; font-weight: bold; height: auto; margin: 0.4em 0 0 80px; padding: 3px 5px; width: auto; }
.postComments fieldset span.commentsValidator{ color: #ff0000; font-weight: bold; margin-left: 70px; text-align: left; width: 320px; }
.postsNavigation{ font-size: 12px; }
.prevPost{ background: url(/Faronics/Images/prev.gif) center left no-repeat; border-right: 1px solid #000000; margin-right: 5px; padding-left: 13px; padding-right: 10px; }
.allPosts{ font-weight: bold; }
.nextPost{ background: url(/Faronics/Images/next.gif) center right no-repeat; border-left: 1px solid #000000; margin-left: 5px; padding-left: 10px; padding-right: 13px; }
.postsNavigation{ margin-top: 10px; }
/* Labs News Items */
.news_item { padding: 5px 5px 10px 5px; }
.news_link { color: #000000; font-weight: bold; }
.news_item a { color: #cc0000; font-weight: bold; text-decoration: none; }
.news_item a:hover { color: #000000; text-decoration: none; }
.news_date { color: #000000; font-size: 9px; }
/* Labs Evaluation */
.summarytable { font-size: 9px; }
.detailtable { text-align: center; }
.detail_alt { background-color: #eaeaea; }
.detail { }
.detail_header { background-color: #cccccc; text-align: center; }
.detail_header a { color: #ffffff; }
.detail_header a:hover { color: #cccccc; }
.summaryinfotable { background-color: #dfdcdc; background-image: url(/Faronics/Images/labs_images/table_header_bg2.jpg); background-repeat: repeat-x; width: 100%; }
.summarytable { width: 100%; }
.logocell { vertical-align: top; width: 80px; }
.expandingcell { vertical-align: top; width: 15px; }
.tablecell { vertical-align: top; }
.detailtable { font-size: 9px; width: 100%; }
.status_Active { color: #008000; }
.status_Expired { color: #0000ff; }
.status_Inactive { color: #666666; }
.summaryheadercell { font-weight: 600; }
.GridRow_Default td, .GridAltRow_Default td
{
overflow:hidden;
}
