cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
JimmyWork
Power Participant
Power Participant

Adaptive card not displaying UTF-8 characters

Hi im having some issue with showing a adaptive card with UTF-8 characters.

If i use Swedish characters like ÅÄÖ in an adaptive card it will be displayed like ???

 

I have tried adding the below to the email but i still get ??? when i type ÅÄÖ

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
MyAdaptiveCard.Here
</head>
</html>

  

12 REPLIES 12
a-ovbord
Microsoft
Microsoft

Hi @JimmyWork,

 

I am trying to test this on my side, will come back with the results.

 

Thank you,

Ovidiu

@a-ovbord Hi where you able to test this as i have found no solution for it.

Hi @JimmyWork,

 

Apologies for the late reply.

I have run a test with a Teams adaptive card on my side.

 

This is how it looks like:

image.png

The JSON from the card is taken from here, I just put your chars in the text block.

They do display correctly in my test:

image.png

Can you provide more details on your Flow?

 

Thank you,

Ovidiu

@a-ovbord Thank you for taking your time.

I will post my flow tomorrow but the issue is when sending it as an email not as a team message.
In my case the adaptive card looks fine in the designer but when sent as an email the characters ÅÄÖ ends up as ???

In Compose i have this code code below and then in send an email v2 i have the composed output. And if any of the data contains åäö it will become ??? even if i place it in the headlines or anywhere. Looks fine in the designer but not when received

<script type="application/adaptivecard+json">
{
    "originator": "removed",
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "type": "AdaptiveCard",
    "version": "1.0",
    "body": [
        {
            "type": "ColumnSet",
            "columns": [
                {
                    "type": "Column",
                    "width": "stretch",
                    "items": [
                        {
                            "type": "TextBlock",
                            "text": "@{triggerBody()?['Title']}",
                            "id": "ticketTitle",
                            "weight": "Bolder"
                        },
                        {
                            "type": "TextBlock",
                            "text": "@{triggerBody()?['Author']?['DisplayName']}",
                            "id": "requesterID"
                        }
                    ]
                },
                {
                    "type": "Column",
                    "width": "stretch",
                    "items": [
                        {
                            "type": "TextBlock",
                            "text": "@{triggerBody()?['ID']}",
                            "id": "ticketID",
                            "weight": "Bolder"
                        },
                        {
                            "type": "TextBlock",
                            "text": "@{triggerBody()?['AssignedTo']?['DisplayName']}",
                            "id": "AssignedTo"
                        }
                    ]
                }
            ],
            "style": "emphasis"
        },
        {
            "type": "ColumnSet",
            "columns": [
                {
                    "type": "Column",
                    "width": 2,
                    "items": [
                        {
                            "type": "ColumnSet",
                            "columns": [
                                {
                                    "type": "Column",
                                    "width": "auto",
                                    "items": [
                                        {
                                            "type": "Image",
                                            "altText": "",
                                            "url": "data&colon;image/png;base64,@{outputs('Compose_-_Assigned_Image')}",
                                            "size": "Small"
                                        }
                                    ]
                                },
                                {
                                    "type": "Column",
                                    "width": "stretch",
                                    "items": [
                                        {
                                            "type": "TextBlock",
                                            "text": "@{triggerBody()?['AssignedTo']?['DisplayName']}",
                                            "size": "small"
                                        },
                                        {
                                            "type": "TextBlock",
                                            "text": "@{triggerBody()?['AssignedTo']?['JobTitle']}",
                                            "spacing": "None",
                                            "size": "small"
                                        }
                                    ]
                                }
                            ]
                        },
                        {
                            "type": "TextBlock",
                            "text": "@{body('Html_to_text_-_Last_Comment')}",
                            "wrap": true
                        },
                        {
                            "type": "ActionSet",
                            "actions": [
                                {
                                    "type": "Action.ShowCard",
                                    "title": "Description",
                                    "card": {
                                        "type": "AdaptiveCard",
                                        "body": [
                                            {
                                                "type": "TextBlock",
                                                "text": "@{triggerBody()?['Description']}",
                                                "wrap": true
                                            }
                                        ],
                                        "$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
                                    }
                                },
                                {
                                    "type": "Action.ShowCard",
                                    "title": "All comments",
                                    "card": {
                                        "type": "AdaptiveCard",
                                        "body": [
                                            {
                                                "type": "TextBlock",
                                                "text": "@{outputs('Compose_-_Comments')}",
                                                "wrap": true
                                            }
                                        ],
                                        "$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
                                    }
                                }
                            ]
                        },
                        {
                            "type": "TextBlock",
                            "text": "Please respond to the comment",
                            "weight": "Bolder",
                            "size": "Medium"
                        },
                        {
                            "type": "ColumnSet",
                            "columns": [
                                {
                                    "type": "Column",
                                    "width": "auto",
                                    "items": [
                                        {
                                            "type": "Image",
                                            "altText": "",
                                            "url": "data&colon;image/png;base64,@{outputs('Compose_-_Requester_Image')}",
                                            "size": "Small",
                                            "id": "profileImageID"
                                        }
                                    ]
                                },
                                {
                                    "type": "Column",
                                    "width": "stretch",
                                    "items": [
                                        {
                                            "type": "TextBlock",
                                            "text": "@{triggerBody()?['Author']?['DisplayName']}",
                                            "id": "",
                                            "size": "small"
                                        },
                                        {
                                            "type": "TextBlock",
                                            "text": "@{triggerBody()?['Author']?['JobTitle']}",
                                            "spacing": "None",
                                            "id": "",
                                            "size": "small"
                                        }
                                    ]
                                }
                            ]
                        },
                        {
                            "type": "TextBlock",
                            "text": "Please respond to the comment",
                            "isSubtle": true,
                            "wrap": true
                        },
                        {
                            "type": "Input.Text",
                            "id": "myComment",
                            "placeholder": "Write your comment"
                        },
                        {
                            "type": "ActionSet",
                            "actions": [
                                {
                                    "type": "Action.Http",
                                    "title": "Submit",
                                    "id": "submit",
                                    "method": "POST",
                                    "style": "positive",
                                    "url": "removed",
                                    "body": "{\n\"inputComment\":\"{{myComment.value}}\",\n\"inputTitle\":\"@{triggerBody()?['Title']}\",\n\"inputID\":\"@{triggerBody()?['ID']}\",\n\"requesterID\":\"@{triggerBody()?['Author']?['Claims']}\",\n\"AssignedTo\":\"@{triggerBody()?['AssignedTo']?['Claims']}\"\n}",
                                    "headers": [
                                        {
                                            "name": "Authorization",
                                            "value": ""
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    ]
}
</script>

 

Bump still having this issue, again this is for went sent as email.

Hi @JimmyWork,

 

Apologies for the late reply.

I was able to duplicate this using a small adaptive card and Send an email (V2):

Untitled.png

image.png

 

I have brought this up to the team. I will be back with a workaround or news on this as soon as I get it.

Please keep an eye on the thread.

 

Thank you,

Ovidiu

Nesa
Frequent Visitor

@a-ovbord Do you might have an update on this topic?

 

Thanks for your efforts and best regards,

 

Philipp

Hi there,

I ma facing the same issue. The adaptive card works perfectly when I send it to Teams, but on outlook the special chars are displayed like "?". It happens anyway even if I force the charset="UTF-8".

 

I will stay tunned for updates on the thread.

I also have this issue. Is there an update on a solution or a workaround?

Hi @a-ovbord, Any update on this topic? I've searched online for any solution but still none

Any Update?

Helpful resources

Announcements
MPA User Group

Welcome to the User Group Public Preview

Check out new user group experience and if you are a leader please create your group

MBAS on Demand

Microsoft Business Applications Summit sessions

On-demand access to all the great content presented by the product teams and community members! #MSBizAppsSummit #CommunityRocks

MBAS Attendee Badge

Claim Your Badge & Digital Swag!

Check out how to claim yours today!

secondImage

Are Your Ready?

Test your skills now with the Cloud Skill Challenge.

Top Solution Authors
Top Kudoed Authors
Users online (67,837)