Skip to Content
0
Jun 04, 2018 at 05:59 PM

Configure Fiori app to load on Internet Explorer

808 Views

Hi Experts!


I want to load a Fiori application on Internet Explorer but it is not loading like in Chrome. I have attached the errors that show up.


I have tried to change what is on the index.html page but not luck:

<!DOCTYPE html>

<html>

<head>

  <meta http-equiv="X-UA-Compatible" content="IE=edge;"/>

  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <title>Summary Screen</title>

  <!-- Bootstrapping UI5 -->

  <script id="sap-ui-bootstrap"

      src="resources/sap-ui-core.js"

      data-sap-ui-libs="sap.m"

      data-sap-ui-theme="sap_bluecrystal"

      data-sap-ui-compatVersion="edge"

      data-sap-ui-resourceroots='{"summary": "./"}'

      data-sap-ui-frameOptions="trusted">

  </script>

  <script>

sap.ui.getCore().attachInit(function () {

      sap.ui.require([

        "sap/m/Shell",

        "sap/ui/core/ComponentContainer"

      ], function (Shell, ComponentContainer) {

        // initialize the UI component

        new Shell({

          appWidthLimited: false,

          app: new ComponentContainer({

            height : "100%",

            name : "summary"

          })

        }).placeAt("content");

      });

    });

  </script>

</head>

<!-- UI Content -->

<body class="sapUiBody" id="content">

</body>

</html>

Initially it was showing up on internet explorer but then it did not show up anymore.

What changes can I do to be IE compatible?

chrome-view.png

internet-explorer-view.png

Thank You!

Attachments

chrome-view.png (85.6 kB)