VMware {code} Community
dhbtemp
Contributor
Contributor

scrollbar is always display and openModalDialog() api problem in 6.5RC HTML web client

Hi laurentsd,

When I use API WEB_PLATFORM.openModalDialog() to Open a Dialog, the dialog shows very strange.

There is no Dialog Title area, and the scrollbar is always display(even though I have already set value "no" to the scrollPolicy parameter).

I test it use html-client-sdk\samples\globalview-html sample, only modify file globalview-html\src\main\webapp\resources\js\mainView.js

===========

   $("#helloBtn").click(function() {

//       openModalDialog(title, url, width, height, objectId, scrollPolicy, showCloseButton)

//       title: the dialog title.

//       url: url to the html content.

//       width, height: the width and height in pixels

//       objectId: (optional) id of the target object

//       scrollPolicy: (optional) "yes", "no" or "auto"

//       showCloseButton: (optional) true or false

       console.log("test");

       var url = "globalview/resources/dialogView.html";

       WEB_PLATFORM.openModalDialog("This is ModalDialog Title", url, 500, 300, null, "no", false);

   });

============

the result see Attachments openModalDialog-api-test.png.

By the way, I also find that the scrollbar in MainView Area is always display(refer Attachments manageView-scrollbar-is-always-show.png).

It seems that I cannot make scrollbar disappear, because this area seems beyond the control of plugin(refer Attachments manageView-scrollbar-controll-area.png).

my test environment:

  • html-client-sdk :  vSphere Web Client 6.5.0 build 4234016

  • vCenter Server : 6.0 u2

Please let me know if you have any suggestions to resolve it.

Regards

Reply
0 Kudos
4 Replies
_vladi_
VMware Employee
VMware Employee

Hi,

 

Thank you for the reports.

First, let me clarify that HTML client SDK functionality present in 6.5RC corresponds to HTML client SDK Fling 1 plus some small additional changes. More improvements and bug fixes have been released with Fling 2 and Fling 3.

I will address all issues you raised here:

- Display of scrollbar in MainView area (manageView-scrollbar-is-always-show.png) has been fixed in Fling 3.

- Dialog title area is displayed properly on your screenshot (openModalDialog-api-test.png) and I successfully tested it with Fling 3. If you still face issues with it please attach another screenshot that shows the problem.

- Currently scrollPolicy and showCloseButton arguments of openModalDialog() are applicable only to Flex Client (HTML bridge). HTML Client does not support them at the moment so scrollbar behavior is based only on your html content. Note you can keep the arguments so that your HTML plug-in is displayed as you wish in Flex Client (those are just ignored by the HTML client).

We will update the API documentation to explain this.

 

Cheers,

Vladimir

Reply
0 Kudos
dhbtemp
Contributor
Contributor

Thank you for your response.

I hava another problem that whether Fling 3 has been released and where it is.

The Fling 3 link address in your response is point to v2.5.0.0 Build 4380099,I want to kown whether it is Fling 3.

If not,please give me the specific link address of Fling 3.

Thanks again.

Reply
0 Kudos
_vladi_
VMware Employee
VMware Employee

What you currently see on https://labs.vmware.com/flings/vsphere-html5-web-client is the latest Fling 4 release (seen in the release notes). Everything I mentioned earlier is also valid for Fling 4 so please use this version for development.

 

Cheers,

Vladimir

Reply
0 Kudos
dhbtemp
Contributor
Contributor

I have already tested Flying 4(build 4379154) sdk with same sample, but still face issues, please refer to openModalDialog-api-wrong-display.png and scrollbar.png
Reply
0 Kudos