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.
dialog.set_windowState($IG.DialogWindowState.Normal);
dialog.set_left(cell.offsetLeft + 100);
dialog.set_top(cell.offsetTop + 50);
How do I do that?
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.
So in other words I have to write my own logic to position the div in relation to the cell? Because the code above even thought it works partially in IE still has the problem of not working in FireFox. I was hoping there was a way to some how invoke a "template" of the bands of the cell on rollover as opposed to a click. Is there w ay to do that?