• 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

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

    Scheduled Pinned Locked Moved Dashboard Designer & Custom AngularJS Pages
    1 Posts 1 Posters 929 Views 1 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.
    • cwangvC Offline
      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

      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