CSS Styling(only text Color) is not getting applied through the Power Automate Flow

(0) Share

Report

Posted on by SG-21101158-0

Hello Team,

I am using Power Automate to send the PBI report data in an email.

Formatting the PBI report data in a HTML table before sending in email in Power Automate Flow.

All formatting operations are working fine except text-color for the (<td>) table data.

The CSS works fine in a web-based HTML compiler.

But I don't see the text-color styling for the same in my email.

Please help me understand where am I doing wrong here.

Thanks,

Srikar

Categories:

Building flows

gsrikar33_0-17334...

gsrikar33_1-17334...

I have the same question (0)

All responses (3)

Answers (1)

Chriddle 8,416 Super User 2025 Season 2 on at

Like (1)

Report

CSS Styling(only text Color) is not getting applied through the Power Automate Flow

HTML and CSS support is limited in most email clients.

Check this: https://www.caniemail.com/search/?s=data-tag

Was this reply helpful? Yes No
Verified answer

SamLed 2,338 Moderator on at

Like (1)

Report

CSS Styling(only text Color) is not getting applied through the Power Automate Flow

Hi,

Chriddle is right, [data-tag] is not supported but inline style does.

Following flow does the trick:

I simulate your input JSON with this compose, ajuste references to your case

Whole flow :

HTMLRows is a select action with "outputs('JSON')['value']" as input.

HTMLRow expression:

concat('<tr><td style="color:', outputs('Colors')[substring(item()['TripNumber'],0,3)], '">', item()['TripNumber'] ,'</td><td>', item()['Callsign'],'</td><td>', item()['Sector'],'</td><td>', item()['Service'],'</td><td>', item()['ServiceStatus'],'</td><td>', item()['DueDate'],'</td><td>', item()['DueTime'],'</td></tr>')

In this expression "outputs('Colors')[substring(item()['TripNumber'],0,3)]" get color from "Colors" compose according to first 3 chars of "TripNumber"

Expression in "HTML" compose action :

replace(replace(replace(replace(join(body('HTMLRows'),','),'{"HTMLRow":"',''),'"}',''),',',''), '\"','"')

Email body takes outputs of HTML compose.

Results:

__________________________________________________________________________________________________
If this is the answer for your question, please mark the post as Accepted Answer.
If this answer helps you in any way, please give it a like.

Was this reply helpful? Yes No
SG-21101158-0 8 on at

Like (0)

Report

CSS Styling(only text Color) is not getting applied through the Power Automate Flow

Thank you so much for your time @SamLed.

Was this reply helpful? Yes No