Skip to main content

Is it possible to create a hoverpage for a table element?  Ultimate goal is to have a table display of something like Account.  If you hovered the mouse over the Account Id, the mini page layout would display for that specific accountId.

Check out this post: https://community.skuid.com/t/show-mini-page-layouts-on-hover


Hi a full popup could be difficult.


However, you can create a custom field renderer which creates JQuery UI tooltips that you can customize with html.


It should be something like this:


var field = arguments[0],    fieldValue = arguments[1],
$ = skuid.$;
$(field).attr('title', generateTooltip());
$(field).addClass('field-with-tooltip');
function generateTooltip() { var tooltip = '<div class="your-tooltip-content">Everything to display on hover, you can also add field values and model data in here</div>';
return tooltip;
}
$('&#46;field-with-tooltip')&#46;tooltip({ content: function () {
return $(this)&#46;attr('title');
},
html: true});

Maybe you could create another Skuidpage and embed an iFrame or maybe even use somehow a page include within that tooltip. But I’m not sure about that.


More reference on styling and positioning that tooltip: https://jqueryui.com/tooltip/