Skip to main content
Nintex Community Menu Bar
Question

Has anyone implemented a hoverpage capability?

  • July 10, 2024
  • 2 replies
  • 4 views

Forum|alt.badge.img+2

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.

This topic has been closed for replies.

2 replies

Forum|alt.badge.img+17

Forum|alt.badge.img+5
  • July 10, 2024

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/