Skip to main content
Nintex Community Menu Bar
Question

How can I show a message while a table is being rendered?

  • July 11, 2024
  • 6 replies
  • 0 views
  • Translate

Forum|alt.badge.img+9

I have a table that runs a lengthy javascript routine on 3 fields in each row. Rendering the table takes long enough that users will not wait patiently. I would like a put a message in front of them until the rendering is complete. What is a known, proven, and reliable method for doing this in version 11.1.6? Millau seems to have introduced a new rendering scheme that makes prior methods unreliable. Please tell me what is supposed to work and I will tell you if it does or not. If it helps, the table is inside a tab and has a pagetitle above it.

Did this topic help you find an answer to your question?

6 replies

Forum|alt.badge.img+20

You can use blockui for this. jQuery BlockUI Plugin

Translate

Forum|alt.badge.img+9
  • Author
  • 265 replies
  • July 11, 2024

In Brooklyn, I use jQuery.blockUI() in the snippet that runs as a custom renderer for the field in the table. I get the message “Please wait” while the table is rendered. In Millau, jQuery.blockUI() either does not work, or the rendering of the table happens in a way that the message is never displayed. I have played with skuid.$.blockUI({message:‘

please wait

’}) and sometimes get a message and sometimes not, depending on where I call the snippet. On a table field custom renderer: nothing.

Translate

Forum|alt.badge.img+9
  • Nintex Employee
  • 889 replies
  • July 11, 2024

Hi Mike, if you are able to block the UI reliably, you could add an event-triggered action sequence to your page to run an action to unblock the UI when the Skuid: page rendered event is fired. That’s a declarative way to fire off actions once the UI is finished rendering.

If this doesn’t fit your use case, you could still do something similar, and in your snippet, publish an event called “table rendered” or something like that, then set up an event-triggered action sequence to unblock the UI. It sounds like the underlying need may be to set up a deferred promise, then resolve it when the rendering is done. 

The general idea has been discussed in various conversations on our Community, but here’s a good instance if you haven’t seen it before: https://community.skuid.com/t/mixing-actions-and-snippets

Here’s some info on publishing events via script: https://docs.skuid.com/latest/en/skuid/api/skuid_events.html#skuid-events. If you can find the right time to publish an event, then the rest can be handled declaratively via event-triggered Action Sequences: https://docs.skuid.com/latest/en/skuid/action-framework/action-sequences/#event-triggered-sequences

Translate

Forum|alt.badge.img+9
  • Author
  • 265 replies
  • July 11, 2024

As it turns out, I am able to use a Tab action to show a message and block the UI. The problem I was encountering is a conflict between that action message and skuid.$.blockUI() in the javascript that runs on the cells of the table as it is rendered.

Translate

Forum|alt.badge.img+9
  • Nintex Employee
  • 889 replies
  • July 11, 2024

Thanks very much for closing the loop, Mike. Are you all set with this issue now?

Translate

Forum|alt.badge.img+9
  • Author
  • 265 replies
  • July 11, 2024

The page is in user acceptance testing. We’ll consider it good for now, and hope your engineers understand what’s going on behind the scenes. Thanks!

Translate

Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie Settings