Lazy loading on Gridweb control

Hi again,

lswe:

Because you have not released the fix yet I want to give you another issue. If I set the gridweb height to 100%, a vertical scrollbar appears on the container. However this scrollbar is fully useless. I am able to fix this issue by setting overflow:hidden on the container but it's not a clean solution...

I have attached you a screenshot to show you the issue and a sample project to help you to reproduce it.

Thank you for the sample application and screenshot. I am able to replicate the said issue therefore I have raised this incident with the product team under the ticket CELLSNET-44592. Please spare us little time to look further into this matter, and get back to you with updates in this regard.

Hi,


Thanks for your reply,

I hope you will bring me a fix for these three issues soon.

Regards,

The issues you have found earlier (filed as CELLSNET-44583;CELLSNET-44580) have been fixed in this update.


This message was posted using Notification2Forum from Downloads module by Aspose Notifier.

Hi Jerome,


Regarding the ticket logged earlier as CELLSNET-44592 (Vertical scroll bar appears for the container when height of the GridWeb is set to 100%), could you please try the following workaround, that is; remove any wrapped div and set the GridWeb’s height to a specified value like here we set it to 600px which is less than the client page height. Please check the following snippets for your reference.

<span style=“font-family: “Courier New”, Consolas, Courier, monospace; font-size: small; white-space: pre; background-color: rgb(255, 255, 255);”>function openModalDialog(message) {
$("#dialog").html("

" + message + “

”);
$("#dialog").dialog(opt).dialog(“open”);
}

<acw:GridWeb ID=“GridWeb1” runat=“server” Width=“100%” Height=“600px” ShowLoading=“true” XhtmlMode=“true” PresetStyle=“Traditional2” EnableAJAX=“true” EnableAsync=“false” EnablePaging=“false”>
</acw:GridWeb>

Hi,


If I set GridWeb Height to 600px, obviously the scollbar does not appear because it’s much less than the client page height. However it’s not a workaround because it’s not the expected behaviour… I don’t want my grid has a fixed value at 600px…

Thanks,

Hi again,


Thank you for your feedback. I can understand your concerns therefore I have requested the concerned member of the product team to reevaluate the scenario at earliest possible. As soon as we get further updates, we will post here for your kind reference.

Hi,


I just updated the project I sent you with the new GridWeb dll. However, there is not change for me. It’s even worse… The scrollbar offset is here without any user action…

Hi,


Please set isUseClientPageHeight to true in acwmain.js file (acquired from Aspose.Cells for .NET 8.9.0 release) and give this scenario another try by clearing the browser’s cache. Please note, the default value of isUseClientPageHeight is false which is applicable if you are fixing the GridWeb’s dimensions in pixels. If you are setting the dimensions in percentage such as Width=“100%” Height=“100%”, you have to set isUseClientPageHeight to true. Attached to this post is the latest acwmain.js in an archive. I have already set isUseClientPageHeight to true for your convenience.

Hi,


Here is what I got when I set isUseClientPageHeight to true.

Regards,

Hi,


I am getting an entirely different view on my side. Please check attached snapshot, you will notice that the GridWeb’s height is correct as well as vertical scroll bar is not visible. Please make sure that JavaScript files are acquired from the latest release of Aspose.Cells for .NET 8.9.0 and you have cleared the browser’s cache. In case the problem persists, create an archive of your sample application and re-share it with us.

Hi,


Here is the project which give me the previously attached snapshot.

Thanks,

Hi,


Thank you for the sample application.

Please check the updated project as attached. I have made the following amendments.

  • Updated the acwmain.js with most recent revision (acquired from product team).
  • Changed the DIV tag surrounding the GridWeb as follow.

    Please give the updated project a try on your side and let us know your feedback.

In your acwmain.js, isUseClientPageHeight is set to false. You asked me to set it to true, on your previous post (754356)… It seems we have some difficulties to move forward…


Plus I said you that I didn’t want to set overflow-y: hidden, it’s a workaround but it’s not the expected behaviour. The expected behaviour is : when the gridWeb Height is set to 100%, the gridweb takes the whole height of the client page, without any container scrollbar.
Hi,

lswe:
In your acwmain.js, isUseClientPageHeight is set to false. You asked me to set it to true, on your previous post (754356)... It seems we have some difficulties to move forward...

Have you tried the project that I have posted in my previous response? isUseClientPageHeight is set to true in the acwmain.js used in the project, whereas in the acwmain.js (attached in archive) it has the default value because I have attached the file as it was received from the product team. Please ignore the file from the archive if it is creating any confusion, and try the project to share your feedback.

lswe:
Plus I said you that I didn't want to set overflow-y: hidden, it's a workaround but it's not the expected behaviour. The expected behaviour is : when the gridWeb Height is set to 100%, the gridweb takes the whole height of the client page, without any container scrollbar.

Please use the above approach. In the meanwhile, we will discuss this matter again with the concerned member of the product team and get back to you with updates in this regard.

It’s ok I will use this workaround for the time you need to fix that issue.


Thanks,
Hi again,

lswe:
Plus I said you that I didn't want to set overflow-y: hidden, it's a workaround but it's not the expected behaviour. The expected behaviour is : when the gridWeb Height is set to 100%, the gridweb takes the whole height of the client page, without any container scrollbar.

Please check the attached archive for the updated sample project to address the concerns as quoted above. Please note, we have only replaced the acwmain.js file (with an updated copy) to fix the problem of vertical scroll bar; everything else is same as you have shared earlier here.

Please share your feedback after testing the latest acwmain.js file (can be acquired from \AsposeTest\acw_client) on your end.

Hi,


Thanks for your answer,

Actually, there is no vertical scrollbar anymore. However, since I updated the acwmain.js, the Gridweb does not take 100% of the available height.

Please have a look at the attached snapshot, you will see on the bottom that there is a wasted space.

Regards,

Hi,


Thank you for your feedback, we really appreciate it.

Regarding your recently shared scenario, I am able to replicate the issue on my side. In fact the screenshot shared in my previous response also shows the problem. I have worked with the product team to find a solution for it. First of all, please note that the said problem occurs only in IE browsers whereas Firefox and Chrome do not exhibit it. In order to fix the said problem for IE, you need to make some modifications to the acwmain.js file. Please check the initGridWebByClientPageHeight function from previously shared acwmain.js file. You will notice statements as follow. If I replace mypageheight-7 with mypageheight+9 the result is correct on my side. Could you please perform similar test on your end and let us know your feedback?

JavaScript

if(ie)
{
this.style.height=(mypageheight-7) + “px”;
}

It’s works when I replace mypageheight-7 with mypageheight+9

Hi,


Thank you for the confirmation.

It is good to know that you are able to resolve the last outstanding issue as well. Please feel free to get in touch in case you need our further assistance with Aspose APIs.