cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
thuff
Helper I
Helper I

HTML Table - Formatting and condition based icon

I have a list that I am spooling out to email via flow to give an update to various stakeholders and while the pure table output looks fine, I feel it is time for a little style. Instead of the email looking like the following

 

Project   Start Stop Owner Status Update

XX StartX StopX OwnerX StatusX Update
YY StartY StopY OwnerY StatusY Update

 

I would really like to generate something similar to the this (for each record)

 

Project: XStart: X StartStop: X StopOwner: X ownerStatus: Icon representing X's Status
Update: X Update
(just some space for visual aesthetic)  
Project:Start: Y StartStop: Y StopOwner: Y OwnerStatus: Icon representing Y's Status
Update: Y Update

 

I can get close but I continually am having challenges with the following

  1. an icon based on the status (e.g. "On track" would be a thumbs up icon, "In Trouble" would be a warning icon, "Stalled" would be a red alert icon, etc)

  2. The actual structure of that target table. Making "update text" appear as one large cell underneath the above individual cells is a real pain. realistically, the cells in the first row would all be uniquely sized to have a real tailored look). In fact, The colspan doesn't even work in this editor so maybe it just won't work? I don't know, I could use some help

  3. Borders. Because I am looking to make the target table render for each record in my list, i feel it makes sense to have a nice thin boarder around it. I really wanted radius corners but I can't get CSS to work at all (even with improper formatting #2 above) so I am kind of thinking that I am stuck with sharp corners) - if I am wrong please let me know

 

Any thoughts how I would go about #1,2,& 3 above? Minimally its #1 & #2 however #3 would be really smooth.

1 ACCEPTED SOLUTION

Accepted Solutions
v-alzhan-msft
Community Support
Community Support

Hi @thuff ,

 

Hope the link below could be your reference:

https://www.c-sharpcorner.com/article/how-to-create-and-format-html-table-using-microsoft-flow-and-s...

 

Best regards,

Alice       

 

Community Support Team _ Alice Zhang
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

View solution in original post

2 REPLIES 2
v-alzhan-msft
Community Support
Community Support

Hi @thuff ,

 

Hope the link below could be your reference:

https://www.c-sharpcorner.com/article/how-to-create-and-format-html-table-using-microsoft-flow-and-s...

 

Best regards,

Alice       

 

Community Support Team _ Alice Zhang
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

This was helpful. thank you

Helpful resources

Announcements
Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

MPA Virtual Workshop Carousel 768x460.png

Register for a Free Workshop

Learn to digitize and optimize business processes and connect all your applications to share data in real time.

Power Automate Designer Feedback_carousel.jpg

Help make Flow Design easier

Are you new to designing flows? What is your biggest struggle with Power Automate Designer? Help us make it more user friendly!

Top Solution Authors
Users online (2,262)