Auto refresh list blocks when list details blocks are updated

[Ben]

When a record is updated (edited) on a list details block that was opened with a modal from a list block, the list block does not reflect the change until the page it is on is manually refreshed. Please incorporate an auto-refresh of list blocks when their synced list details blocks are updated. Otherwise, users do not view changes made to list block records and think their updates did not work. Thank you.

[matthieu_chateau]

Hi Ben,

While waiting for this feature, if you need a custom code, that would auto refresh the parent page (impossible to auto refresh a block from custom code) each time you update a record, this would be possible.

<script>
document.addEventListener('DOMContentLoaded', () => {
  window.addEventListener('update-record-success-list-details1', () => {
    window.parent.location.reload();
  });
});
</script>

This is to be inserted in the footer of the page settings where the list-details block is. Replace list-details1 by the corresponding block ID

Not sure if it’s perfectly your use case, as I don’t have a lot of information but worth the try.

(I tested it by reproducing how I imagine your use case, it works!)

[Ben]

Right. Thanks Matthieu. Sounds similar to this.

Refresh after modal close?

Add this to Code inside footer of the parent page, not the modal page. It adds refresh after you click the close modal button (assumes the “Do nothing” action is set for the modal) window.addEventListener('load', function() { setTimeout(function() { var e = document.getElementsByClassName("sw-modal-close")[0]; e.setAttribute('onclick', "MicroModal.close('sw-modal'); location.reload();"); }, 1600); }); </script> PS Some apps need a pause before reload, perhaps to wait…

[matthieu_chateau]

Not exactly, no.

[beauboeye]

I too would like to express my interest in this feature.
Thank you!

[Ben]

Hi Beau. If you haven’t tried it, this workaround will update a parent list block when the list details modal is closed:

Automatic modal closure after button pressed on it

Here it is @dcoletta <script> window.addEventListener('load', function() { var intervalSet = setInterval(function() { var e = document.getElementsByClassName("sw-modal-close")[0]; if (e) { e.setAttribute('onclick', "MicroModal.close('sw-modal'); location.reload();"); clearInterval(intervalSet); } }, 100); }); </script>

[rebeccajane]

@matthieu_chateau do you know if there are any updates on reloading block from Record event listener? Reloading the whole page is not great experience on my app unfortunately

[matthieu_chateau]

Hi Rebecca,

Reloading blocks is not possible (except for the calendar block maybe, I have to test)

Maybe @artur has a better overview of the future improvements about it.