cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Specoop
Advocate II
Advocate II

HTML - dynamic HTML formatting using CONCAT and <font color>

Situation: I have a collection that has two columns: a question and an answer field.

 

Desire: To generate an HTML PowerApp insert that grabs the questions and answers into a table. I've been able to do that successfully, but I want to add some conditional formatting. For example, if my answer is "1," I want the text to be red, if the answer is 2, I want the text to be green.

 

See below for my start: The issue with my coding below is that it's a table - so I don't know if I need to use First...or ThisItem...any help would be much appreciated!

 

"<!DOCTYPE html>
<html>
<body>
<Table width='100%' border='1' cellpadding='5' style='border:0px solid black; border-collapse:collapse'>" &
     "<tr style='background-color:#efefef'>
 <td align='left'><b>Question</b></td>
  <td align='left'><b>Answer<b></td>
  </tr>"
  & Concat(colanswers, "<tr><td>" & Question & "</td><td><font color="""&If(colanswers.Answer="1","Blue","Red")&""">" & Answers & "</font></td></tr>")

&
"
</table>"&"
</body>
</HTML>
"
1 ACCEPTED SOLUTION

Accepted Solutions
mdevaney
Super User
Super User

@Specoop 

The column name should be supplied without ThisItem or colAnswers in front of it.  There is no need to disambiguate since CONCAT knows the datasource from the 1st argument.

 

---
Please click "Accept as Solution" if my post answered your question so that others may find it more quickly. If you found this post helpful consider giving it a "Thumbs Up."

View solution in original post

2 REPLIES 2
mdevaney
Super User
Super User

@Specoop 

The column name should be supplied without ThisItem or colAnswers in front of it.  There is no need to disambiguate since CONCAT knows the datasource from the 1st argument.

 

---
Please click "Accept as Solution" if my post answered your question so that others may find it more quickly. If you found this post helpful consider giving it a "Thumbs Up."

Worked like a charm! 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.

Power Platform Call June 2022 768x460.png

Power Platform Community Call

Join us for the next call on June 15, 2022 at 8am PDT.

PA Virtual Workshop Carousel 768x460.png

Register for a Free Workshop

This training provides practical hands-on experience in creating Power Apps solutions in a full-day of instructor-led App creation workshop.

PA.JPG

New Release Planning Portal (Preview)

Check out our new release planning portal, an interactive way to plan and prepare for upcoming features in Power Platform.

Top Solution Authors
Top Kudoed Authors
Users online (2,934)