It seems that you are experiencing issues with Outlook actionable messages not displaying correctly on mobile devices (iOS and Android). Here are a few points to consider:
- Compatibility: Ensure that the versions of Outlook you are using on mobile devices support actionable messages. According to the documentation, actionable messages are supported on Outlook for iOS and Android, but it’s important to verify that you are using the latest version of the app.
- Dark Mode: Currently, actionable message cards do not change their rendering when Outlook is in dark mode. If you are testing in dark mode, this could affect visibility.
- Message Format: Make sure that the email body is in HTML format, as plain-text messages are not supported for actionable messages. The JSON for the adaptive card must be wrapped in a
<script>tag of typeapplication/adaptivecard+json. - Download Preferences: Check the download preferences in Outlook settings. If options like "Download Headers and then Full Items" or "On Slow Connections Download Only Headers" are enabled, it might prevent the full content from being downloaded properly on mobile.
- Testing on Mobile: Since you mentioned that the card shows up in the browser and desktop Outlook, try sending the email directly to your mobile device and ensure that you are not forwarding it, as Office 365 removes markup when emails are forwarded.
If you have already checked these points and the issue persists, consider reaching out to Microsoft support for further assistance with your specific setup.
References: