[SalesForce] Background color for Pageblock title

I have a visual force page which uses pageblock tag:

<apex:pageblock title="Sample">

</apex:pageblock>

I would like to make the background color of title="Sample" as green. How can I add styles to the pageblock tag. I tried tabstyle but seems like it does not serve the purpose.

Best Answer

I don't see a Salesforce supported way of doing this. But for a little bit hacking into this you can use the below css code which is working for me:

body .bPageBlock .pbHeader {
    background-color: Green; 
}

You don't need to add an class or attributes in your html for using this.

Related Solutions

[SalesForce] Loading dynamic images as background, how can I check for image first

Have you tried something like

background-image:url({!IF(ISBLANK(AttachmentId),
    StaticImage,
    URLFOR($Action.Attachment.Download, AttachmentId))
})

(I didn't try it plus it might require some extra apostrophes/quote signs to work!)

There's a chance URLFOR doesn't like to be conditionally used like that. But then you should still be able to write equivalent if-else in the Apex (if you have a controller extension there): How to specify an Action for an URLFOR in apex

Ugliest scenario to get it to work would be to hardcode the link:

IF(ISBLANK(AttachmentId), StaticImage, '/servlet/servlet.FileDownload?file=' + AttachmentId)

[SalesForce] How to i apply css style for pageBlock title? can i use image as pageblock title

You may one to try using apex:facet to override pageBlock Title

 <apex:pageBlock  >
      <apex:facet name="header">
          <apex:image url="{!URLFOR($Resource.SiteSamples, 'img/force_logo.gif')}"/>
         </apex:facet>
        <apex:pageBlockButtons >
       </apex:pageBlockButtons>
     <apex:pageBlockSection title="My Content Section" columns="2">
  </apex:pageBlockSection>
 </apex:pageBlock>

Best Answer

Related Solutions

[SalesForce] Loading dynamic images as background, how can I check for image first

[SalesForce] How to i apply css style for pageBlock title? can i use image as pageblock title

Related Topic