Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
350
Please help, OnMouseOver image display
posted

I have a simple WebGrid and I would like to add a thumbnail preview on mouse over row a given row of the webgrid. Usually HTML enabled tooltips are capable of doing that but in the WebGrid it allows only text.

 I was thinking of creating a hidden WebDialog and passing coordinates of the cell to enable the Dialog which will dynamicaly fetch an image on mouse over  however now I am running into issues where the Dialog is running out of bounds (not to mention code below doesnt even work in FireFox). Is there a more elegant solutions on displaying a simple HTML enabled popup which contain images and/or other readonline information. 

 

function UltraWebGrid1_MouseOverHandler(gridName, id, objectType){var dialog = $find('<%= WebDialogWindow1.ClientID %>');

dialog.set_windowState($IG.DialogWindowState.Normal);

var cell = igtbl_getElementById(id);

dialog.set_left(cell.offsetLeft + 100);

dialog.set_top(cell.offsetTop + 50);

 

 

 

How do I do that?

 

Parents
No Data
Reply
  • 1332
    posted

    Hello,

    You will probably be better off using a Div since all you need is a container to dynamically display something. You may want to check if the Id of WebDialogWindow is correct (no added names because of a container element), but a regular div is probably the way to go on this one.

Children