Share via

HTML Rendering in Teams

Anonymous
2024-10-28T14:29:12+00:00

For over a year I’ve been using Power Automate to send messages to project managers in Teams. These messages include a table formatted with HTML. The message header is center-aligned, the column headings are also center-aligned, the data in two columns are right-aligned & the data in the remaining columns are left-aligned. This setup worked perfectly until two or three weeks ago. Suddenly, the alignment of the header and the data in the two right-aligned columns is no longer correct, although the column headings remain center-aligned. The Power Automate Flow hasn’t changed at all. Could there have been an update in Teams affecting HTML rendering? I’ve searched online but haven’t found any information. Alternatively, do you have any ideas on what might be causing this issue?

Microsoft Teams | Microsoft Teams for business | Chats | Group chats

Locked Question. This question was migrated from the Microsoft Support Community. You can vote on whether it's helpful, but you can't add comments or replies or follow the question.

0 comments No comments

22 answers

Sort by: Most helpful
  1. Anonymous
    2024-11-04T10:31:38+00:00

    For over a year I’ve been using Power Automate to send messages to project managers in Teams. These messages include a table formatted with HTML. The message header is center-aligned, the column headings are also center-aligned, the data in two columns are right-aligned & the data in the remaining columns are left-aligned. This setup worked perfectly until two or three weeks ago. Suddenly, the alignment of the header and the data in the two right-aligned columns is no longer correct, although the column headings remain center-aligned. The Power Automate Flow hasn’t changed at all. Could there have been an update in Teams affecting HTML rendering? I’ve searched online but haven’t found any information. Alternatively, do you have any ideas on what might be causing this issue?

    I have also encountered the same issue while sending notifications from our Jenkins post to Teams Desktop via a webhook. Everything was functioning correctly until October 30, 2024, but afterward, some of the styles are no longer applied as expected.

    Specifically, certain styles like padding and border-radius are not rendering properly. To address this, I slightly updated my notification template. Initially, I was using the div tag in several places, which stopped working correctly, so I switched to using span tags. While not all styles rendered as before, I found that some, especially colors, were displayed correctly.

    Additionally, instead of applying text-align styles in td within the main style declaration, I recommend setting the align attribute directly on the respective td elements. This adjustment appears to improve the rendering of the alignment.

    Last thing same HTML is rendered properly at Teams Web Version, its just issue with teams Desktop version.

    Web Version The client version is 1415/24061318408. ****

    Desktop Version 24277.3502.3161.3007. - The client version is 50/24100324916.

    That said, I still have the main question: Is there any documentation available regarding HTML rendering in Teams? Having access to such information would help us update our code accordingly."

    Was this answer helpful?

    5 people found this answer helpful.
    0 comments No comments
  2. Anonymous
    2024-11-10T10:45:54+00:00

    For me as well.

    Been using html tags for over 1 year. Such as <span> and they suddenly stopped rendering.
    I really hope Microsoft will fix it any time soon.

    Was this answer helpful?

    4 people found this answer helpful.
    0 comments No comments
  3. Anonymous
    2024-11-22T00:19:11+00:00

    Same issue here; this is severely impacting our system - Are there any solutions to this yet?

    Was this answer helpful?

    3 people found this answer helpful.
    0 comments No comments
  4. Anonymous
    2024-11-06T18:26:00+00:00

    I too, like the original poster, used this same process with my team via Power Automate -> Teams. I can confirm and pinpoint that at some time between the evening of 10/25 and the morning of 10/28, something changed that broke the majority of HTML style rendering within Teams.

    Was this answer helpful?

    3 people found this answer helpful.
    0 comments No comments
  5. Anonymous
    2024-10-31T19:34:14+00:00

    This is not a Power Automate Flow issue.

    We're sending a formatted email to our channels from the backend of a web app using the .NET MailMessage class. This has been working for months. The HTML is valid and renders correctly in Outlook. All CSS styles are inline. Running Microsoft Teams version 24277.3507.3205.5228, it seems <div>s are no longer respected for new messages. Older messages are still rendered properly (maybe they're cached?).

    This was already a work around to 365 connectors being deprecated, so it'd be nice to have this working again.

    Was this answer helpful?

    3 people found this answer helpful.
    0 comments No comments