fluid grid with statusbar: display error during init

[baderaParticipant]

Dear jqWidgets Team

There is a small display issue, if we set the grid width and height to ‘100%’ and have a statusbar (showstatusbar: true):
On the left hand side, there is a small part of the statusbar displayed a few seconds during page loading.

This issue is only, if height/width is not a absoult pixel number AND showstatusbar is true; otherwise not.

I got some negative feedback from our customers; therefore I should do something… The delay, how long this gray block is displayed depends on the PC speed. The slower it is, the longer the bad view.

Thanks in advance for fixing this!
– badera

[Peter StoevKeymaster]

Hi badera,

Then use async: false in your source initialization or create the widget with visibility: hidden.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[baderaParticipant]

Dear Peter

Thanks very much. Since this drawing error is even there (just for a short time, depending PC speed), if there is no data, async: false does not help. But visibility: hidden does the trick:

CSS:
.jqxhide {
    visibility: hidden;
}

HTML:
<jqx-grid jqx-instance="grid jqx-create="gridSettings" jqx-settings="gridSettings" ng-class="{jqxhide: widgetloading}"></jqx-grid>

JS:
$scope.widgetloading = true;
...
$scope.gridSettings =
{
    ... 	
    bindingcomplete: function (event) {
        $scope.widgetloading = false;
    },
    ... 	
}

Best regards,
– badera

[Peter StoevKeymaster]

Hi badera,

Loading of data from server does not depend on PC’s speed it depends on the Connection’s speed.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[baderaParticipant]

Your right, but on slow PCs, we can see that the drawing in the browser also needs resources and therefore time… and that is what I mean.

[Author]

Posts