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.
Page 1 / 1
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;
}
$('.field-with-tooltip').tooltip({ content: function () {
return $(this).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/
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.