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

I want to apply some styles to PageBlock title like changing font color, style and background color. and Can I assign image or logo as pageblock title.. Give me some working example.

this is my code:

This is the output
this is my output

I want apply same style effects to the title also..

Best Answer

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>

Related Solutions

[SalesForce] How to use image in Customer Portal header HTML, without using Image ID

This will smell horrendous but I'm guessing you want HTML in the portal header for good reason ;-)

Upload it as a Static Resource and use JavaScript UserContext.siteUrlPrefix to resolve the path:

<script type="text/javascript">
  document.write(
    "<img " +
      "src='" + UserContext.siteUrlPrefix + "/resource/yourImagePng'" +
    "/>"
  );
</script>

[SalesForce] highlight single selected row in table

You need to "notice" somehow the last clicked row and then if a next one is clicked just clear the background color of that row:

<script>
var lastRow;
function highlight(elem){
    if(lastRow != undefined)
        lastRow.style.backgroundColor = 'white';

    elem.style.backgroundColor = 'yellow';
    lastRow = elem;
}
</script>

<apex:pageBlock>
<apex:pageBlockTable value="{!list1}" var="item" rules="rows" id="myTable1" onRowClick="highlight(this);">
    <apex:column value="{!item.id}"/>
    <apex:column value="{!item.name}"/>
</apex:pageBlockTable>    
</apex:pageBlock>

Best Answer

Related Solutions

[SalesForce] How to use image in Customer Portal header HTML, without using Image ID

[SalesForce] highlight single selected row in table

Related Topic