This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(6.4, 57.00000000000001%, 10%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EAT%3C/text%3E%3C/svg%3E)
We have an integration that send message to team channel using MS Graph API. Here is an example of the payload.
url: https://graph.microsoft.com/v1.0/teams/{teamId}/channels/{channelId}/messages
body payload:
{
"body": {
"contentType": "html",
"content": "<html><div style="display:flex; align-items:center; margin:0px 0px 10px 0px;"><div style="display:flex; flex-direction:column;"><div> 5000 Samples </div><div> Access Asia </div></div></div><div style="display:flex;"><div style="width:80px; margin:0px 10px 0px 20px;">Revenue</div><div>$12,000.00</div></div><div style="display:flex;"><div style="width:80px; margin:0px 10px 0px 20px;">Assigned to</div><div>Micheal Boone</div></div><div style="display:flex;"><div style="width:80px; margin:0px 10px 0px 20px;">Due date</div><div>2022-05-31</div></div><div style="display:flex;"><div style="width:80px; margin:0px 10px 0px 20px;">Stage</div><div>Contracting</div></div><div style="display: flex;justify-content: flex-end;"><a href="https://developmentw.maximizercrmlive.com/Anson2024M4?ssopp=KEY(T3Bwb3J0dW5pdHkJMjIwNTA1MjUyMjI3MzkzMDQwMDMwTwkw)" style="border:1px solid black; padding:5px; margin:10px;">Go to Opportunity</a></div></html>"
}
}
The message is able to display in html format in Sept.
But recently, we found that the message is display in a single line with all text and link.
Here are the screenshots in web and desktop versions of Teams. All messages are sent to MS Graph API with same method shown above, but they are displayed in different format.
[web teams screenshot] The channel message is not displayed in html format as expected.
[desktop teams screenshot 1] It is the same channel shown in [web teams screenshot]. The message content is the same, and the messages are able to be displayed in html format.
[desktop teams screenshot 2] It is in a weird scenario, the messages are sent with the same html format. Some of them are displayed in html format but some of them are not.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(172.8, 5%, 26%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ERS%3C/text%3E%3C/svg%3E)
Hi Anson Tsang
Teams tag is mainly focused on the general issue of Microsoft Teams troubleshooting. According to your description, your question is not in our support scope. Thanks for your understanding and patience.
Hi @Robin Sheng-MSFT , may I know correct place that I should post the question regrading to this Teams issue?
Hi @Robin Sheng-MSFT , may I know the correct place that I should post the question regarding to this Teams issue?
Hi Anson Tsang
Teams tag is mainly focused on the general issue of Microsoft Teams troubleshooting. According to your description, your problem is related to the Graph API, which is not within our support scope. In order to better help you solve the problem, please wait for Graph technicians to provide you with professional responses. Thank you for your understanding and patience!
Hi @Robin Sheng-MSFT ,
I think it is also related to the Teams, sort of display issue.
I have attached the screenshots of same Teams channel, one of them opened in webpage, another is opened in desktop Teams app. The recent messages have some message content, but they are displayed in different format. In this case, I believe that Graph API has delivery the channel message to Teams, but the Teams client display it in a wrong format.
Of course, I am not sure about the root causes of this issue, so I also add MS Graph API tag.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(32, 28.999999999999996%, 13%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EMC%3C/text%3E%3C/svg%3E)
Encounter the same issue here. I guess Teams not resolve html style flex correctly:
display:flex;
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(211.20000000000002, 18%, 30%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EC%3C/text%3E%3C/svg%3E)
I have a Power Automate flow that will capture an event where a new document was submitted and post message to a MS Team Chat group with html content. It works well until end of October 24. Starting November 24, the message only showed in plain text. The Power Automate flow has been checked, no changes to the output.
Hi Chong,
I have contact with MS people in other pipelines. They said "Teams client is no longer processing div tag. There is a strict rule applied in Teams client for security purpose and help protect user. Plain html that is supported in Teams client, are only supported using Graph api. There is never any additional guidelines for plain html when posting messages. Please make sure the html used for sending message using graph api is also supported in Teams client."
I have updated the post message from the html tags to adaptive card now, these links may help you.
[https://learn.microsoft.com/en-us/graph/api/chatmessage-post?view=graph-rest-1.0&tabs=http#example-3-send-a-message-containing-cards](https://can01.safelinks.protection.outlook.com/?url=https%3A%2F%2Flearn.microsoft.com%2Fen-us%2Fgraph%2Fapi%2Fchatmessage-post%3Fview%3Dgraph-rest-1.0%26tabs%3Dhttp%23example-3-send-a-message-containing-cards&data=05%7C02%7CAnsonTsang%40maximizer.com%7C776ddc29cb394c60a66508dd0b0732c9%7C6ccefe4e4fc048fcabeddacb7df3e840%7C0%7C0%7C638678847769469181%7CUnknown%7CTWFpbGZsb3d8eyJFbXB0eU1hcGkiOnRydWUsIlYiOiIwLjAuMDAwMCIsIlAiOiJXaW4zMiIsIkFOIjoiTWFpbCIsIldUIjoyfQ%3D%3D%7C0%7C%7C%7C&sdata=dv3z6RS9ZoImLfX9cBzgeYj4O0Qab2A2iVxYXYbFi2M%3D&reserved=0"Original URL: https://learn.microsoft.com/en-us/graph/api/chatmessage-post?view=graph-rest-1.0&tabs=http#example-3-send-a-message-containing-cards. Click or tap if you trust this link.")
[https://learn.microsoft.com/en-us/microsoftteams/platform/task-modules-and-cards/cards/cards-reference](https://can01.safelinks.protection.outlook.com/?url=https%3A%2F%2Flearn.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Ftask-modules-and-cards%2Fcards%2Fcards-reference&data=05%7C02%7CAnsonTsang%40maximizer.com%7C776ddc29cb394c60a66508dd0b0732c9%7C6ccefe4e4fc048fcabeddacb7df3e840%7C0%7C0%7C638678847769490178%7CUnknown%7CTWFpbGZsb3d8eyJFbXB0eU1hcGkiOnRydWUsIlYiOiIwLjAuMDAwMCIsIlAiOiJXaW4zMiIsIkFOIjoiTWFpbCIsIldUIjoyfQ%3D%3D%7C0%7C%7C%7C&sdata=D9l9s7n8YcPLE4Qkuvqp%2BonWrL%2FhSMcnEfTQmNaDy8w%3D&reserved=0"Original URL: https://learn.microsoft.com/en-us/microsoftteams/platform/task-modules-and-cards/cards/cards-reference. Click or tap if you trust this link.")
[https://learn.microsoft.com/en-us/azure/bot-service/rest-api/bot-framework-rest-connector-api-reference?view=azure-bot-service-4.0#attachment-object](https://can01.safelinks.protection.outlook.com/?url=https%3A%2F%2Flearn.microsoft.com%2Fen-us%2Fazure%2Fbot-service%2Frest-api%2Fbot-framework-rest-connector-api-reference%3Fview%3Dazure-bot-service-4.0%23attachment-object&data=05%7C02%7CAnsonTsang%40maximizer.com%7C776ddc29cb394c60a66508dd0b0732c9%7C6ccefe4e4fc048fcabeddacb7df3e840%7C0%7C0%7C638678847769507393%7CUnknown%7CTWFpbGZsb3d8eyJFbXB0eU1hcGkiOnRydWUsIlYiOiIwLjAuMDAwMCIsIlAiOiJXaW4zMiIsIkFOIjoiTWFpbCIsIldUIjoyfQ%3D%3D%7C0%7C%7C%7C&sdata=vSOPK5rdhmwaQMkQBJCKIeJhiZ%2B%2Fnh0L6Ak867zF9cQ%3D&reserved=0"Original URL: https://learn.microsoft.com/en-us/azure/bot-service/rest-api/bot-framework-rest-connector-api-reference?view=azure-bot-service-4.0#attachment-object. Click or tap if you trust this link.")