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

[Solved] GridLines in Radgrid

4 Answers 909 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Jwalant
Top achievements
Rank 1
Jwalant asked on 15 Apr 2009, 03:18 PM
Hello Sir,
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

Sort by
0
Dimo
Telerik team
answered on 15 Apr 2009, 03:47 PM
Hello Jwalant,

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.
0
Jwalant
Top achievements
Rank 1
answered on 15 Apr 2009, 04:26 PM
Can you help me with this?
0
Jwalant
Top achievements
Rank 1
answered on 15 Apr 2009, 04:26 PM
Can you help me with this?
0
Jwalant
Top achievements
Rank 1
answered on 15 Apr 2009, 04:27 PM

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;
    }

Tags
Grid
Asked by
Jwalant
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Jwalant
Top achievements
Rank 1
Share this question
or