• Recent
    • Tags
    • Popular
    • Register
    • Login

    Please Note This forum exists for community support for the Mango product family and the Radix IoT Platform. Although Radix IoT employees participate in this forum from time to time, there is no guarantee of a response to anything posted here, nor can Radix IoT, LLC guarantee the accuracy of any information expressed or conveyed. Specific project questions from customers with active support contracts are asked to send requests to support@radixiot.com.

    Radix IoT Website Mango 3 Documentation Website Mango 4 Documentation Website Mango 5 Documentation Website

    Using I-frame to load external webpage

    Scheduled Pinned Locked Moved Dashboard Designer & Custom AngularJS Pages
    6 Posts 3 Posters 1.8k Views 3 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • P Offline
      Phillip Weeks
      last edited by Phillip Weeks

      This I-frame code works and loads the external page on our cloud server running outside our network. However when we run the same code on a box on our local network I get this error... Requests to the server have been blocked by an extension.

      <iframe id="Weather_I-Frame" ng-init="WeatherPageShow=true" ng-show="WeatherPageShow" src="https://www.wunderground.com/weather-forecast/Nova_Scotia/Halifax.html?hdf=1" style="position: absolute; left: 0px; top: 0px; height: 100%; width: 100%;"></iframe>

      How do I look for the issue stopping this from loading? I have stopped all chrome extensions with no effect.
      I can also ping www.wunderground.com from the local system console.

      1 Reply Last reply Reply Quote 0
      • Jared WiltshireJ Offline
        Jared Wiltshire
        last edited by

        @Phillip-Weeks please read, it really makes it easier to help you
        https://help.infiniteautomation.com/reporting-bugs/

        I suspect that it's due to CSP, this would be confirmed by your browser console messages.

        This thread will tell you more about CSP and configuring it.
        https://forum.infiniteautomation.com/topic/3577/query-an-external-web-service-from-a-mango-page

        Developer at Radix IoT

        1 Reply Last reply Reply Quote 0
        • P Offline
          Phillip Weeks
          last edited by Phillip Weeks

          Thanks Jared I read through the docs, it mentioned disabling the content security policy, I found the answer in the original post. Thanks

          1 Reply Last reply Reply Quote 0
          • P Offline
            Phillip Weeks
            last edited by

            Jared in order to get the iframe to load the external web page I added the frame-src and domain...

            web.security.contentSecurityPolicy=default-src 'self'; frame-src 'self' https://www.wunderground.com; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; connect-src ws: wss: 'self'; img-src 'self' data:

            1 Reply Last reply Reply Quote 0
            • phildunlapP Offline
              phildunlap
              last edited by

              Thanks for sharing the resolution!

              1 Reply Last reply Reply Quote 0
              • Jared WiltshireJ Offline
                Jared Wiltshire
                last edited by

                @Phillip-Weeks just a heads up to read the release notes when upgrading to Mango 3.4.5, the CSP configuration has changed in the env.properties file.

                Developer at Radix IoT

                1 Reply Last reply Reply Quote 0
                • First post
                  Last post