Salesforce Stack Exchange is a question and answer site for Salesforce administrators, implementation experts, developers and anybody in-between. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I am trying to do hovering in pageBlockTable by using minipagelayout.

Now I was able to get hovering in few records where i do not scroll.But the problem comes with when I scroll the table and try to hover it.

instead of showing hovering page next to link,Its showing in relative position.

What should I do to get out from this problem.

The code that I used is

<apex:column  >
<apex:facet name="header">Account FirstName</apex:facet>
<a href="/{!acc.Id}"
onfocus="LookupHoverDetail.getHover('{!acc.Id}', '/{!acc.Id}/m?retURL=%2F{!acc.Id}&isAjaxRequest=1').show();"
onmouseover="LookupHoverDetail.getHover('{!acc.Id}', '/{!acc.Id}/m?retURL=%2F{!acc.Id}&isAjaxRequest=1').show();">

regards, K.Arun

share|improve this question
Ive tried your code and it works for me realy good. What is the problem? Could you post a screenshot? – Sergey Utko Feb 11 '13 at 12:21
@mast0r As I said that Problem doesnt come when we have small list. When we have a list to scroll in pageblocktable then the pagesize increases. – Arun SFDC Feb 15 '13 at 8:20

If the problem is that the mini page layout or whatever it is that you are trying to hover appears in the wrong spot it could be due to the same link being on the page more than once and the code using the same ID for both links. The hover will appear over the first one every time. See Mini Page Layout CSS in Visualforce Page for more information.

share|improve this answer

I figured out a workaround where you can explicitly make each id unique.

If you use a element you be able to make each id unique such that the hover float over that particular element.

<apex:variable var="uniqueNum" value="{!0}/>
<apex:repeat value="{!accList} var="acc">
<apex:variable var="accIdUnique" value="{!acc.Id}{!uniqueNum}"/>
<a href="/{!acc.Id}"
  onfocus="LookupHoverDetail.getHover('{!accIdUnique}', '/{!acc.Id}/m?retURL=%2F{!acc.Id}&isAjaxRequest=1').show();"
  onmouseover="LookupHoverDetail.getHover('{!accIdUnique}', '/{!acc.Id}/m?retURL=%2F{!acc.Id}&isAjaxRequest=1').show();">

<apex:variable var="uniqueNum" value="{!uniqueNum + 1}/>

As you can see the uniqueNum variable strings onto the id of the iterated account list making every row with the anchor tag unique and therefore you be able to hover across it.

Thanks. Regards, Joey Ho

share|improve this answer

This has been asked before,

It is a pretty fun debug though

On here are a couple of solutions they are all pretty much the same answer. Its down to a bug in SF

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.