I've been messing with Power Automate to create Adaptive Cards after every day to update the team on how we're doing. It works perfectly on Desktop, however, some text is not visible on Mobile as seen in attached pictures. The first picture is how it displays on mobile, the second is how it displays on desktop.
Changing my theme to light still does not show the numbers that should be there. I've attached the adaptive card json at the bottom, any help is appreciated!
{
"type": "AdaptiveCard",
"body": [
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"size": "Large",
"weight": "Bolder",
"text": "DC Data for Last Shipping Day ",
"spacing": "Large",
"horizontalAlignment": "Center",
"color": "Good"
},
{
"type": "TextBlock",
"text": "Great work! We shipped @{add(add(int(variables('Output')[0]['Orders Shipped']), int(variables('Output')[1]['Orders Shipped'])), int(variables('Output')[2]['Orders Shipped']))} orders.",
"wrap": true,
"size": "Medium",
"horizontalAlignment": "Center"
}
]
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"wrap": true,
"text": "Wisconsin:\n\n",
"size": "Large",
"weight": "Bolder"
},
{
"type": "FactSet",
"facts": [
{
"title": "Orders Shipped:",
"value": "@{variables('Output')[0]['Orders Shipped']}"
},
{
"title": "Orders Left to Ship:",
"value": "@{variables('Output')[0]['Orders Left to Ship']}"
},
{
"title": "Overdue Orders:",
"value": "@{variables('Output')[0]['Overdue Orders ']}"
}
]
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Nevada:",
"wrap": true,
"size": "Large",
"weight": "Bolder"
},
{
"type": "FactSet",
"facts": [
{
"title": "Orders Shipped:",
"value": "@{variables('Output')[1]['Orders Shipped']}",
"color": "Accent"
},
{
"title": "Orders Left to Ship:",
"value": "@{variables('Output')[1]['Orders Left to Ship']}"
},
{
"title": "Overdue Orders:",
"value": "@{variables('Output')[1]['Overdue Orders ']}"
}
]
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Mississippi:",
"wrap": true,
"size": "Large",
"weight": "Bolder"
},
{
"type": "FactSet",
"facts": [
{
"title": "Orders Shipped:",
"value": "@{variables('Output')[2]['Orders Shipped']}"
},
{
"title": "Orders Left to Ship:",
"value": "@{variables('Output')[2]['Orders Left to Ship']}"
},
{
"title": "Overdue Orders:",
"value": "@{variables('Output')[2]['Overdue Orders ']}"
}
]
}
]
}
]
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "TOTAL PERCENTAGE",
"size": "Large",
"color": "Accent",
"maxLines": 3,
"wrap": true,
"horizontalAlignment": "Center"
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"wrap": true,
"text": " @{body('Format_number')}%",
"size": "ExtraLarge",
"horizontalAlignment": "Center",
"color": "Good"
}
],
"verticalContentAlignment": "Center"
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "Image",
"url": "imageURL",
"horizontalAlignment": "Center",
"spacing": "None"
}
],
"verticalContentAlignment": "Center",
"backgroundImage": {
"verticalAlignment": "Center",
"horizontalAlignment": "Center"
},
"horizontalAlignment": "Center"
}
]
}
],
"version": "1.3"
}
