• 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 4 Documentation Website Mango 5 Documentation Website Radix IoT LinkedIn

    Clear input for <ma-point-list>

    Scheduled Pinned Locked Moved Dashboard Designer & Custom AngularJS Pages
    3 Posts 2 Posters 1.6k Views 2 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.
    • T Offline
      tungthanh500
      last edited by tungthanh500

      Hello,
      Can we add a Clear input option to a <ma-point-list>? I have a chart with 4 selectable points and I use below code to select points:

      <md-input-container flex="50">
      <label>Select Points 2</label>
      <ma-point-list query="{deviceName: designer.parameters.dn}" limit="100" ng-model="myPoint2">
      </ma-point-list>
      </md-input-container>
      

      Sometimes, I don't need to show value from all 4 points, sometimes 2 are enough, then how can I put a clear input option in <ma-point-list>?
      8e5d283d-987a-4e26-94e4-9dcd55ffe3e6-image.png

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

        @tungthanh500 There is no option to display a clear button, you could add your own alongside if you would like.

        <md-button ng-click="myPoint2 = null">X</md-button>
        

        Alternatively you could look at using a multiple select data point selector -

        <div class="ma-designer-root" id="8e0602f0-dfea-4dc7-8a11-27721b95d175" style="width: 1366px; height: 768px; position: relative;">
            <md-input-container id="8e0602f0-dfea-4dc7-8a11-27721b95d176" style="width: 470px; height: 60px; top: 50px; left: 60px; position: absolute;" ng-init="model.dataPoints = []">
                <ma-drop-down-button>
                    <span>Select some points ({{model.dataPoints.length}} selected)</span>
                    <ma-drop-down create-on-init="::false" class="ma-slide-down">
                        <ma-data-point-selector select-multiple="::true" ng-model="model.dataPoints" show-clear="::true">
                        </ma-data-point-selector>
                    </ma-drop-down>
                </ma-drop-down-button>
            </md-input-container>
        </div>
        

        Developer at Radix IoT

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

          6b1e3476-4f47-48f5-a465-ded1e1b46fe3-image.png

          Developer at Radix IoT

          1 Reply Last reply Reply Quote 1

          Hello! It looks like you're interested in this conversation, but you don't have an account yet.

          Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

          With your input, this post could be even better 💗

          Register Login
          • First post
            Last post