Details
Normal Description
In the current implementation, using ROD, if a user scrolls fast enough to run out of content, the mesh widget will look white / empty, until content is actually loaded from the server.
Feature request to implement a loading indicator that does not interrupt scrolling, but inform the user that the rows for the currently displayed empty white space are being loaded.
This could take the form of a "loading data ..." dummy row, that would be replaced by the actual row upon load.
Edit:
Code test implementation:
<style>
.rodPaddingTop{ //top padding
background-image:url('./progress.gif'); //your loading indicator here
background-position:center bottom;
background-repeat:repeat-y; //change to no-repeat for a single indicator
}
.rodPaddingBottom{ //bottom padding
background-image:url('./progress.gif');
background-position:center top;
background-repeat:repeat-y;
}
</style>
and the grid can be initialized with:
<script><![CDATA[
function meshRodStylesInit(wgt) {
console.log(wgt);
wgt._initPadSizes();
wgt._subnodes.tpad.classList.add('rodPaddingTop');
wgt._subnodes.bpad.classList.add('rodPaddingBottom');
wgt._subnodes.tpad.style.width="100%";
wgt._subnodes.bpad.style.width="100%";
}
]]></script>
...
<grid w:onBind="meshRodStylesInit(this);"
