• 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

    Issue hiding dashboard elements.

    Dashboard Designer & Custom AngularJS Pages
    hide element
    2
    2
    1.5k
    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.
    • S
      SG
      last edited by

      I'm looking for a simple way to hide elements (MA-Switch, etc) via the value of another variable polled from an external device.

      I've tried getting this to work with NG-hide, to no avail.
      I would think there should be a simple way to show/hide elements presented based on a Boolean Xid from another variable, but I can't find any information about doing this.

      1 Reply Last reply Reply Quote 0
      • Will GellerW
        Will Geller
        last edited by

        Hi there,

        this is quite simple to do here is a code snippet:

        <h3>Select binary point:</h3>
        <div layout="row">
            <md-input-container flex>
                <label>Choose a point</label>
                <ma-point-list limit="200" ng-model="myPoint"></ma-point-list>
            </md-input-container>
        </div>
        
        <p>
            Point Value: <ma-point-value point="myPoint"></ma-point-value>
        </p>
        
        <p ng-hide="myPoint.value">
            Watch me hide
        </p>
        

        or to hide when false:

        <p ng-hide="!myPoint.value">
            Watch me hide
        </p>
        

        or

        <p ng-show="myPoint.value">
            Watch me hide
        </p>
        

        Infinite Automation - UI Developer

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