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.

• Orange arrow indicates the "div" (as seen with IE Developer Tools) containing the image provided by the WebDialogBox. This DIV does not occur in my code - it is inserted by IS.
• Green arrow indicates the dimension settings. These are incorrect, as the example shows the "TOP" window has dimensions of width: 1395 and height: 719. (see javascript alerts or document titles in project).

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.