function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Max Alexander 19Max Alexander 19 

how to show details on hoover for pick list visualforce

i have following VF page,
it shows the image and shows the value of pick list, how do i set it toshow it only on hoover 
<apex:column >
        <apex:facet name="header">Content Status</apex:facet>
      <CENTER>  <apex:image  value="{!
      IF(opp.Oppy.ContentStatus__c=="", '/servlet/servlet.FileDownload?file=0150k0000007R3s',
      IF(opp.Oppy.ContentStatus__c=="New Deal", '/servlet/servlet.FileDownload?file=0150k0000007R3s',
      IF(opp.Oppy.ContentStatus__c=="In Progress", '/servlet/servlet.FileDownload?file=0150k0000007R42',
      IF(opp.Oppy.ContentStatus__c=="Ready For Editing", '/servlet/servlet.FileDownload?file=0150k0000007R3x',
      IF(opp.Oppy.ContentStatus__c=="Copy Complete", '/servlet/servlet.FileDownload?file=0150k0000007R3i',
      "")))))}"  /><span>{!opp.Oppy.ContentStatus__c}</span></CENTER>
    </apex:column>

 
Best Answer chosen by Max Alexander 19
Narender Singh(Nads)Narender Singh(Nads)
Hi,
The code is sent you above should work.

And his is the code which i had to make the VF page shown in the image.
  
<apex:page controller="cls" >
    
    <apex:pageBlock>
        <apex:pageBlockTable value="{!ls}" var="a" >
            <apex:column headerValue="Name" value="{!a.name}" />
            <apex:column > 
                <apex:facet name="header">Content Status</apex:facet>
                <CENTER>
                    <apex:image value="/servlet/servlet.FileDownload?file=0157F000000mVEE" height="50px" width="50px" title="{!a.Type}"/>
                </CENTER>
            </apex:column>
        </apex:pageBlockTable>    
    </apex:pageBlock>
    
</apex:page>


 

All Answers

Narender Singh(Nads)Narender Singh(Nads)
Hey Max,

Try this:
  
<apex:column >
        <apex:facet name="header">Content Status</apex:facet>
      <CENTER>  <apex:image  value="{!
      IF(opp.Oppy.ContentStatus__c=="", '/servlet/servlet.FileDownload?file=0150k0000007R3s',
      IF(opp.Oppy.ContentStatus__c=="New Deal", '/servlet/servlet.FileDownload?file=0150k0000007R3s',
      IF(opp.Oppy.ContentStatus__c=="In Progress", '/servlet/servlet.FileDownload?file=0150k0000007R42',
      IF(opp.Oppy.ContentStatus__c=="Ready For Editing", '/servlet/servlet.FileDownload?file=0150k0000007R3x',
      IF(opp.Oppy.ContentStatus__c=="Copy Complete", '/servlet/servlet.FileDownload?file=0150k0000007R3i',
      "")))))}"   title={!opp.Oppy.ContentStatus__c}/></CENTER>
    </apex:column>

Let me know if it helps.
Thanks!
Max Alexander 19Max Alexander 19
nope it jsut displays the value next to it with the image
Narender Singh(Nads)Narender Singh(Nads)
Hi Max,

Is this what you want on mouse hover on image? Please verify.

User-added image
 
Max Alexander 19Max Alexander 19
yes correct
Narender Singh(Nads)Narender Singh(Nads)
Hi,
The code is sent you above should work.

And his is the code which i had to make the VF page shown in the image.
  
<apex:page controller="cls" >
    
    <apex:pageBlock>
        <apex:pageBlockTable value="{!ls}" var="a" >
            <apex:column headerValue="Name" value="{!a.name}" />
            <apex:column > 
                <apex:facet name="header">Content Status</apex:facet>
                <CENTER>
                    <apex:image value="/servlet/servlet.FileDownload?file=0157F000000mVEE" height="50px" width="50px" title="{!a.Type}"/>
                </CENTER>
            </apex:column>
        </apex:pageBlockTable>    
    </apex:pageBlock>
    
</apex:page>


 
This was selected as the best answer
Max Alexander 19Max Alexander 19
yay it worked, thank you