• 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

    Mango Beta 4 Version 12_MA-BAR-DISPLAY, MA-POINT-VALUE does not work on mobile browsers

    Dashboard Designer & Custom AngularJS Pages
    1
    1
    507
    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.
    • cwangvC
      cwangv
      last edited by cwangv

      Hi,
      I am trying to use MA-BAR-DISPLAY and MA-POINT-VALUE directives. I have encountered below issues when trying to display content on mobile device browsers (Safari and Chrome)
      Below are the code snippets for both directives.
      MA-BAR-DISPLAY

      <div class="ma-designer-root" id="c24b3e8e-815f-4ec8-8199-2a1c625684e1" style="width: 1366px; height: 768px; position: relative;">
          <ma-bar-display id="7002c975-e4ac-4cb8-855c-3095c1e99c6e" style="position: absolute; width: 200px; height: 30px; left: 190px; top: 220px;" point-xid="DP_CM72-TC_A1"></ma-bar-display>
      </div>
      

      MA-POINT-VALUE

      <ma-point-value id="b6ad59f9-4b9f-47df-8e18-dff0b475c547" enable-popup="hide" min-event-level="NONE" style="position: absolute; left: 480px; top: 30px; color: rgb(163, 0, 0); background-color: rgb(0, 0, 163); background-size: cover; width: 110px; height: 60px; display: block; font-size: 20px; font-family: &quot;Roboto Condensed&quot;; line-height: normal;" point-xid="DP_CM72-TC_PF1" display-type="rendered" disable-event-popup="false">dfsafsad</ma-point-value>
      

      They both look correct when displayed on a PC/MAC. However, when I tried to view them
      on a mobile device, they don't display right. As you can see below: on the left, the bar displays a hatch pattern between the background and foreground color. The MA-POINT-VALUE on the right shown no value at all.
      IMG_ACFCE2059E20-1.jpeg
      below is how they look on a laptop:
      2021-04-11_22-32-48.png

      Any help will be much appreciated.

      Thanks, Victor

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