Can I get the mini layout hover to appear on any link, like it does for outputField for a lookup field?

Question

I am trying to get the <apex:outputField> works as it works for a lookup field, which is a link pointing to the object and when you hover on it, it pops up with a dialog of the object info. However, I find it quite hard to get that without using a lookup field pointing to it. Name and id are both text fields. Is there anyway to get this without coding everything in html?

Answer 1

You can add the same JS to the link that Salesforce adds. Here is an example.

<apex:outputLink id="complink" 
       onblur="LookupHoverDetail.getHover(this.id).hide();" 
       onmouseout="LookupHoverDetail.getHover(this.id).hide();" 
       onfocus="LookupHoverDetail.getHover(this.id, '/{!row['Contact']['AccountId']}/m?retURL=%2Fapex%2FCampaignCallList%3FscontrolCaching%3D1%26id%3D{!Camp.Id}&isAjaxRequest=1&nocache=1418312066674').show();" 
       onmouseover="LookupHoverDetail.getHover(this.id, '/{!row['Contact']['AccountId']}/m?retURL=%2Fapex%2FCampaignCallList%3FscontrolCaching%3D1%26id%3D{!Camp.Id}&isAjaxRequest=1&nocache=1418312066674').show();"
       value="/{!row['Contact']['AccountId']}">
    <apex:outputText value="{!row['Contact']['Account']['CUSTOM__Company_Name__c']}">
</apex:outputLink>

• You do need to give the link an ID
• inside the onmouseover and onfocus event handlers is a reference to the page you're calling from. In this case /CampaignCallList?Id={!a campaign id} but you should replace with your own details.
• it's the URL that gets passed to LookupHoverDetail.getHover that determines the content of the hover. Make sure it's the ID of the record you want to view like /001000000000001?.....
• Salesforce advise against using their JS like this as it isn't a published API and can be changed without notice, causing your code to stop working.

Answer 2

Its not possible on Standard Salesforce Detail Page, only Lookup / Master detail fields support it by default.

Nearest solution i can suggest is

1. Override View page with custom VF page, No need of of custom Controller you can use Standard
2. You can use very Simple CSS based popup code on your field something like this