iSeller Commerce
iSeller POS Retail
iSeller POS F&B
iSeller POS Express
Crosslight
WebUI
ClientUI
What's New
Download Trial
Web Solution
Mobile Solution
Enterprise Solution
Custom Development
Blog
Community
Latest Development Blogs
ForumPostTopic
Browse By Tag
When using a WebDialogBox as modal, the image placed "under" the form does not extend the full width of the screen. Screen items under the modal form are actionable.
We need to be able to set the image width and height to some number, not have it calculated incorrectly. Where is this value set and how do I access it?
Using the attached image of our screen and the IE Dev Tools:
The problem also occurs at the bottom of the screen, but is not displayed in the attached image.
Thank you.
The way how WebDialogBox implement the “modal” feature is by adding a transparent image that has 100% in width and height. This image then loaded into a DIV container and its z-index is set to a number greater than the page form in order to prevent user to interact with the form.
In my opinion, we don’t need to set the image width and height since 100% in height and width means that it should be cover the form at once.
However, should you need to override and set those properties manually, please try to use following snippet code.
WebDialogBox1.Shadow.childNodes[0].width = [some number]; WebDialogBox1.Shadow.childNodes[0].heigth = [some number];
Hope this helps.
I understand the image has width and height set to 100%. It is the DIV that contains the image that is not the correct size.In the image attached to my first question, the containing DIV has width=1560 and height=866. These appear to be set in the IS code to the value of the frame containing the dialogbox code.
I have attached a sample showing that the code generated fails when there are one or more IFrame objects in the page. The frame, not the entire page, has the "image" placed over it. This is not the expected behavior for our purpose. I would expect the box to be modal for the application, not the frame.
The image contains a screen shot of the test app.
Thank you very much for the sent sample. It really helps analyzing the reported problem.
When WebDialogBox appears and act as a modal dialog on a form, the width property of the DIV element (that wraps the blank.gif image) will be matched with the width of the hosted form element. The height property of the DIV element will be matched with the scrollHeight of the body.
In your sent sample, the WebDialogBox is hosted inside “Frame1”. After invoke ShowDialog() method, the WebDialogBox pop out in the center of “Frame1” and act as a modal dialog of this corresponding frame.
I’d like to suggest you to put the WebDialogBox at the root page, in this case is the DialogCheck.aspx page. By using this approach, the WebDialogBox will pop out in the center of the entire page and act as a modal dialog of the root page. In order to show the dialog box from button click action (client-side) of “Frame1”, please modify the script from:
function WebButton1_OnClientClick(controlId, parameter) { var WebButton1 = ISGetObject(controlId); var WebDialogBox1 = ISGetObject("WebDialogBox1"); WebDialogBox1.ShowDialog(); return true; }
into the following.
function WebButton1_OnClientClick(controlId, parameter) { var WebButton1 = ISGetObject(controlId); var WebDialogBox1 = ISGetObject("WebDialogBox1"); window.parent.ISGetObject("WebDialogBox1").ShowDialog(); return true; }
I enclosed the modified version of DialogCheck.aspx and DialogCheckFrame1.aspx file that has implemented the method as described in the above section. Please have the modified sample tested on your end and let us know whether this helps or not.
Yes, it helps explain the problem, but it will not help with our situation.
We have multiple "widgets" on a screen and this box needs to cover the entire dashboard. Widgets and other controls may be nested, so the solution may be to find another control.
Thanks.
Apologize for any inconvenience this problem may have caused you. I will have this valuable feedback forwarded to WebDesktop development team.
Should you need further assistance or run into any problems regarding our controls, feel free to post it into our forum. We would be happy to assist you again.
or
Choose this if you're already a member of Intersoft Community Forum. You can link your OpenID account to your existing Intersoft Social ID.
Choose this if you don't have an Intersoft account yet. Your authenticated OpenID will be automatically linked to your new Intersoft account.
Enter your Wordpress Blogname