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

  • Hi, I am having problems with an md-button which shows only a white background but not the text inside of it when using it in an info window that shows up when a marker in google maps is clicked.

    0_1559055612304_0154bdea-85c2-427a-83f1-248973302ab0-image.png

    When used outside the info window the button works ok.

    What am I doing wrong?


  • You are not doing anything wrong, there seems to be a bug in the ng-map library which we use. It's behaving really oddly.

    The <ma-button> component behaves fine, try using that instead -

    <ma-button label="test"></ma-button>
    

  • @jared-wiltshire said in md-button text invisible:

    <ma-button label="test"></ma-button>

    Thanks for your suggestion, but still having some issues:

    With the <md-button> the other buttons' outline at least showed and were clickable in the info-window. Now with the <ma-button> only one button (the first one) shows up (had to use the raised="true" for the text to be visible anyway) but it seems to ignore the rest of the lines of code in the div, as it does not show the other buttons/content (I thought it might be an issue with the size of the info-window but overriding the autosizing is not working either).

    0_1559134422948_Screenshot_2019-05-29 Dashboard designer - Mango v3(2).png

    0_1559134472374_Screenshot_2019-05-29 HOME-3 - Mango v3(3).png


  • @nature-go said in md-button text invisible:

    Now with the <ma-button> only one button (the first one) shows up (had to use the raised="true" for the text to be visible anyway) but it seems to ignore the rest of the lines of code

    Try adding this to your div to change the AngularJS Material color scheme to white background -

    md-colors="::{background: 'background-A100'}"
    

    @nature-go said in md-button text invisible:

    ut it seems to ignore the rest of the lines of code in the div, as it does not show the other buttons/content

    Your markup is invalid, you haven't closed your <ma-button> elements correctly. You need a > after the label attribute.