Format Values using HTML

(0) Share

Report

Posted on by PrudhviL

136

Hello Community,

I have a Gallery in power apps, it has SP list as the Datasource

In the Gallery I have Put a HTML text Label which shows information from the SP List

Set(ShowInfo, LookUp(test, Subject = ThisItem.Subject).Definition);
Set(VarShowPopUp,true)

I want to Format the Data in the HTML text Card. as below Example

Can someone please help me how to do it or provide any source where I can find better examples of doing it.

Your help is much appreciated
Thank you! 😊

@ANB @AARON_C

Categories:

Building Power Apps

I have the same question (0)

All responses (5)

Answers (2)

AARON_C 2,235 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!

Hi @PrudhviL

I think it would be easier if you rearrange your data structure. Have a column for Objective, Level 1, Level 2, Level 3, Level 4. This way you would not need to use a HTML text control.

Was this reply helpful? Yes No
Verified answer

v-bofeng-msft Microsoft Employee on at

Like (1)

Report
Copy link

Link copied!
Hi @PrudhviL ,

I've made a test for your reference:

Set(ShowInfo,"Definition:Math Objective:Achieve Good Grades Level 1:Addition Level 2:Subtraction Level 3:Multiplication Level 4:Division")

My formula

Substitute(Substitute(Substitute(Substitute(Substitute(Substitute("<div style=""text-align: center;"">"&ShowInfo,"Definition:","Definition:"),"Objective:","</div> Objective:"),"Level 1:"," Level 1:"),"Level 2:"," Level 2:"),"Level 3:"," Level 3:"),"Level 4:"," Level 4:")

Best Regards,
Bof

Was this reply helpful? Yes No
PrudhviL 136 on at

Like (0)

Report
Copy link

Link copied!

HI @AARON_C ,
Thank you So much for your reply. In this case I do not have the right to change the Architecture. So, Need to stick with the Available columns.

Was this reply helpful? Yes No
PrudhviL 136 on at

Like (0)

Report
Copy link

Link copied!

HI @v-bofeng-msft , Thank you for your reply. It worked amazing.

Is there any possibility that we can Make the Title look like below Image
Once again Thank you very Much for your Time and Support. Very Much Appreciated 😊

Was this reply helpful? Yes No
Verified answer

v-bofeng-msft Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!
Hi @PrudhviL ,

Please try:

Substitute(Substitute(Substitute(Substitute(Substitute(Substitute("<div style=""text-align: center;"">"&ShowInfo,"Definition:",""),"Objective:","</div> Objective:"),"Level 1:"," Level 1:"),"Level 2:"," Level 2:"),"Level 3:"," Level 3:"),"Level 4:"," Level 4:")

Best Regards,

Bof

Was this reply helpful? Yes No