2 Replies Latest reply: Mar 17, 2017 4:38 AM by Christian Schlettig RSS

    iFrame cannot display APP?

    Trent Gu

      I get the iframe code from Dev-HUB and copy to a web page. But the iframe is blank.

      But the page property URL is fine when I copy to IE address and open.

      Here is the source code in the iframe:

      (BTW, there is SSL certification alert when open in IE)


      <!doctype html>

      <html lang="en" qva-bootstrap="false" class="single-full-height">

      <head>

        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

        <title>Single Object</title>

        <base href="./">

        <meta charset="utf-8">

        <meta name="HandheldFriendly" content="True">

        <meta name="MobileOptimized" content="320">

        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">

        <meta name="apple-mobile-web-app-capable" content="yes">

        <meta name="apple-mobile-web-app-status-bar-style" content="black">

        <meta http-equiv="cleartype" content="on">

        <link rel="stylesheet" href="../resources/autogenerated/qlik-styles.css?1478781641535">

        <link rel="shortcut icon" href="../resources/favicon.ico">

        <link rel="apple-touch-icon" href="../resources/img/core/logo/logo-60x60.png">

        <link rel="apple-touch-icon" sizes="76x76" href="../resources/img/core/logo/logo-76x76.png">

        <link rel="apple-touch-icon" sizes="120x120" href="../resources/img/core/logo/logo-120x120.png">

        <link rel="apple-touch-icon" sizes="152x152" href="../resources/img/core/logo/logo-152x152.png">

        <script>

        /** for testing onvalid and onrendered */

        window.test = {

        onValid: function ( vis ) {

        alert( 'onValid:' + vis );

       

        },

        onRendered: function ( vis ) {

        alert( 'onRendered:' + vis );

        }

        };

        </script>

      </head>

      <body class="qw single-full-height">

      <div class="single-object" ng-controller="singleObjectCtrl" ng-class="{'noanimate': options.noAnimate}">

        <div id="CURRSELPANEL" ></div>

        <article id="content"></article>

      </div>

      <script src="../resources/assets/external/requirejs/require.js?1478781641535"></script>

      <script>require.config( {baseUrl: "../resources", urlArgs: "?1478781641535"} )( ["js/single"] );</script>

      </body>

      </html>