Intersoft Solutions - Community - Lounge

IE11 problems

Posted: June 3, 2015 1:42 AM in response to Throstur Jonsson

I tried to replicate the reported problem by viewing WebGrid sample (FirstExperience.aspx) in IE 11 browser. Everything worked smoothly and the page was rendered without any issues.

Please feel free to let me know if you find anything that I might miss during my attempt to reproduce the problem.

1 attachment

WebGrid_9_in_IE11.png

Quick Reply

Quote

Throstur JonssonMember

Posted: June 3, 2015 5:07 PM in response to Yudi

Hmm yes you are problably right. I have to compare the code in those samples to my code. It has probably something with style or font settinst to do. Not so easy to figure out.

BUT! you can regenerate this problem if you run the solution C:\Program Files (x86)\Intersoft Solutions\Intersoft Premier Studio 2014 R2\Tutorials\cs\WebDesktopTutorials.sln
And if you try to view the file WebDialogBoxes\CreatingSimpleDialogBox.aspx
Find attached picture for both run in compatibility mode and none compatibility mode.
This just a simple example of a dialog box, but regnerates the same problem I have in my app. with WebDialogs....for example

PS: To have the webDialog to show up, I had to add this code at the client side:

<head id="Head1" runat="server">    <title>Simple Dialog box    </title>
 <script language="javascript" type="text/javascript">
     function window_onload() {
         document.body.style.overflow = "hidden";
         var dlgBox = ISGetObject("WebDialogBox1");
         dlgBox.ShowDialog();
     }

	</script>
</head>

And then at the server side:

    protected void Page_Load(object sender, EventArgs e)
    {
        body.Style.Add("overflow", "hidden");

        // Add java script onload="window_onload()"
        body.Attributes.Add("onload", "window_onload()");
    }

2 attachments

IE11_none_compatibility_mode.png

IE11_compatibility_mode.png

Quick Reply

Quote

Yudi Member

Posted: June 4, 2015 3:22 AM in response to Throstur Jonsson

Thank you for providing the hint to CreatingSimpleDialogBox.aspx in WebDesktop tutorial. I also get the same result when view the page in IE 11 browser.

I made a minor modification to the tutorial page. The detail is as follow:

Step 1 - Change doctype to html5 doctype.

Original:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>

Modified to:

<!DOCTYPE HTML>
<html>

Step 2 - Set RenderingMode to HTML5.

<ISWebDesktop:WebDialogBox ID="WebDialogBox1" runat="server" DialogBoxImage="Information"
    Height="150px" Width="400px" RenderingMode="HTML5">
    ...
</ISWebDesktop:WebDialogBox>

Step 3 - Enable ContentScrollable of WebDialogBox.

<ISWebDesktop:WebDialogBox ID="WebDialogBox1" runat="server" DialogBoxImage="Information"
    Height="150px" Width="400px" ContentScrollable="True" RenderingMode="HTML5">
    ...
</ISWebDesktop:WebDialogBox>

Step 4 - Add css selector for html, body, and form element.

<style type="text/css">
    html, body, form
    {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
    }
</style>

Save the changes and view the page in IE 11 browser. The result is as shown in the screenshot below.

For your reference, I enclosed the modified version of CreatingSimpleDialogBox.aspx as attachment. Please have the page evaluated on your end and let me know whether this helps or not.

2 attachments

WebDialogBox_in_IE11.png