PowerApps Tutorial Screen (Replacing with HTML text Vertical Alignment)

Like (0) Share

Report

Posted on 4 Mar 2022 17:08:08 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:

Using Apps Using Formulas

All responses (4)

Answers (1)

JK94X on 28 Nov 2022 at 08:55:58

Like (0)

Report
Re: PowerApps Tutorial Screen (Replacing with HTML text Vertical Alignment)

@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")
claudia 208 on 14 Jun 2022 at 12:06:31

Like (0)

Report

Re: PowerApps Tutorial Screen (Replacing with HTML text Vertical Alignment)

Hi Jimmy,

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

Thank you
Claudia
JimmyW 2,563 on 04 Mar 2022 at 19:43:24

Like (0)

Report

Re: PowerApps Tutorial Screen (Replacing with HTML text Vertical Alignment)

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

RandyHayes 76,287 Super User 2024 Season 1 on 04 Mar 2022 at 17:55:11

Like (4)

Report
Re: PowerApps Tutorial Screen (Replacing with HTML text Vertical Alignment)

@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.