Apex Code Development You need to sign in to do that
Don't have an account?
Sylvie Serplet 1 Backgroung-image in css style does not display in a table header
Hi,
I try to display an image in my table header and could not figure it out how. I have read a lot of forum and tried different solutions but nothing works in my case.
By defining a CSS style I could make all the other components work except the image. When I add ! important the image displays but does not take into account the not repeat, so the image is all over the column header on top of the text. This is a part of my code. Any help will be much appreciated.
Thank you.
I try to display an image in my table header and could not figure it out how. I have read a lot of forum and tried different solutions but nothing works in my case.
By defining a CSS style I could make all the other components work except the image. When I add ! important the image displays but does not take into account the not repeat, so the image is all over the column header on top of the text. This is a part of my code. Any help will be much appreciated.
<style type="text/css">
.headerRow {
background-image: url("{!$Resource.bgimage}");
background-repeat: no-repeat;
background-position: right;
font-size: small;
height: 20px;
text-align: center;
cursor: pointer;
}
</style>
<apex:pageBlockTable value="{!Events}" var="Event" id="EventTable" columnsWidth="2%,35%,35%,10%,10%,8%" styleclass="tablesorter">
<apex:column headerValue="Description" headerClass="headerRow" value="{!Event.Description}"/>
....
</apex:pageBlockTable>
Thank you.
All Answers