Answered

PowerApps Tutorial Screen (Replacing with HTML text Vertical Alignment)

(0) Share

Report

Posted on by JimmyW

2,563

I'm using the PowerApps tutorial screen, but I cannot use the Text only field as i need to format different areas of the text to make it look good, so i replace the text label with a HtmlText, but how can I do vertical alignment with this?

Using a text label I can set the Vertical align to Middle but how would I do this with a HtmlText box?

Categories:

Building Power Apps

I have the same question (0)

All responses (4)

Answers (1)

Verified answer

RandyHayes 76,297 Super User 2024 Season 1 on at

Like (4)

Report
@JimmyWork

Using the default HTML Text as an example, the following will vertically center the text:

"<div style='height:" & Self.Height - Self.PaddingTop - Self.PaddingBottom - 5 & "px;display:table-cell;vertical-align:middle;'>Show your <b><font color=blue>HTML</font></b> text here.</div>"

I hope this is helpful for you.

Was this reply helpful? Yes No
JimmyW 2,563 on at

Like (0)

Report

Thank you @RandyHayes I had to replace the Self. with the name of the HTMLText box but everything is working perfect 😀

Was this reply helpful? Yes No
claudia 208 on at

Like (0)

Report

Hi Jimmy,

Please can you show me how did you replace the Text label with HtmlText?

Thank you
Claudia

Was this reply helpful? Yes No
JK94X on at

Like (0)

Report
@RandyHayes i am trying to center my text vertically in the middle as well and don't get it to work.
Your code works for me - but I don't know how to integrate it into mine:
Here is my code - Thanks for your help!✌️

"<div style= 'text-align:center;transition: margin-right 2s;font-size:40px; color:white;text-shadow: 2px 2px 4px #000000'>"& Text("Select Visit")

Was this reply helpful? Yes No