Inline Style for sending chat message to team via api does not work

Question

I am using this api
POST /chats/{chat-id}/messages

My code

	messageContent = ` <div style="color: #5d9e52; font-weight: bold;">This is a test</div>`;

	const chatMessage = {
		body: {
			contentType: 'html',
			content: `${messageContent}`
		},
		hostedContents: formattedAttachments,
		importance
	};

		const response = await ms.api(`/chats/${chatId}/messages`).post(chatMessage);

So this used to work on Nov 7th 2024 but now the inline style does not work and it only adds basic html content to the teams.

Any idea why this is not working anymore?

Answer 1

Yang we tried with this style (the one you tried) and the content rendered as below:

{
    "body": {
        "contentType": "html",
        "content": "<span style=\"color: #5d9e52; font-weight: bold;\">This is a test</span>"
    }
}

And on changing the style as below, the content rendered with coloured text but without bold.

{
    "body": {
        "contentType": "html",
        "content": "<span style=\"color: #5d9e52; font-weight: bold;\">This is a test</span>"
    }
}

Thereafter on further modification, we got the content rendering as desired i.e. coloured bold text.

{
    "body": {
        "contentType": "html",
        "content": "<span style=\"color: green; font-weight: bold;\">This is a test</span>"
    }
}