• 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

    Powered by Mango Footer

    Dashboard Designer & Custom AngularJS Pages
    3
    3
    1.2k
    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
      Phillip Weeks
      last edited by

      With an HTML page I generate dynamically using NG-REPEAT, how do I get the
      "Powered by Mango Automation v3.5.6 ©2019 Infinite Automation Systems, Inc. All rights reserved."
      footer to actually go to the footer of the generated page?

      1 Reply Last reply Reply Quote 0
      • CraigWebC
        CraigWeb
        last edited by

        Hi Phillip

        Could you post a screenshot? Sounds like you have a <div> overflow. You can't have any static sizes or positions when you doing dynamic pages. If you pasted your HTML I could help.

        1 Reply Last reply Reply Quote -1
        • richard.mortimerR
          richard.mortimer
          last edited by

          Put the ng-repeat inside it's element, but make sure that is surrounded by the div with a class of:

          class="ma-designer-root"
          

          I've also found it handy to give this div a sensible ID (ie not a UUID generated one) on which you can start doing some styling.

          EG:

          <style>
              #main { width: 100%; height: 100%; padding: 0; margin: 0; }
          </style>
          <div class="ma-designer-root" style="width: 1366px; height: 768px; position: relative;" id="main">
              <p ng-repeat="(name, age) in {'adam':20, 'amalie':22}">{{name}} is {{age}}</p>
          </div>
          

          HTH

          Richard

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