PDA

View Full Version : Unable to change the Grid Header to a image



Vijayasaharan
29 Oct 2012, 6:33 PM
Hi I am trying to have a image as the bavkground for header. The header image comes in IE, but in FF or Chrome i get only the background color, but if i right click on FF and get the background image, the actual image is getting displayed. For some reason the image is going behind the color in FF and Chrome.

Here is the style i used to apply the background

.x-column-header {background: url(../Images/TableHeaderBg.jpg) no-repeat 940px 34px; }
.x-grid-header-ct {background: url(../Images/TableHeaderBg.jpg) no-repeat 940px 34px; }

Can you please let me know how to fix this.

mitchellsimoens
1 Nov 2012, 8:46 AM
Did you inspect the DOM to see if there are competing CSS?

Vijayasaharan
1 Nov 2012, 9:03 AM
Thanks for the reply I was able to fix this by adding !important and changing the style to

.x-grid-header-ct

{background:transparenturl(../Images/Bg_Pagination.png)!important; width:940px; height:40px;border-width:0px!important;}

.x-nlg
.x-column-header-over,.x-nlg.x-column-header-sort-ASC,.x-nlg.x-column-header-sort-DESC {background: url(../Images/Bg_Pagination.png)no-repeat940px34px; }