Answered

Space between lines HTML code in PowerApps

(0) Share

Report

Posted on by JoaoN

222

Hello guys. I am developing a HTML code to create a PDF file. I already have all necessary to do it with Flow.

My question is: How do I reduce the space between lines HTML code? The "<body>" is in Flow working with concat function

Here is the HTML control and the HTML code that I want to reduce the space.

Categories:

Building Power Apps

All responses (7)

Answers (1)

Sort by

RusselThomas 4,014 on at

Like
a
(1)

Report
Copy link

Link copied!
Hi @JoaoN ,
What happens if you put all lines in one paragraph, instead of having a paragraph per line?
ie: have an opening tag at the beginning, and a closing tag at the end - none in between.
"Contratante: ..... ..... ..... ..... "
Make sense?

Kind regards,
RT
JoaoN 222 on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @RusselThomas
When I do what you suggest, all "labels" are in the same line.
Now I did a test on mobile, and I do not know why but the flow do not trigger an action, just work when using PC.
Verified answer

RusselThomas 4,014 on at

Like
a
(1)

Report
Copy link

Link copied!

Hi @JoaoN
Try adding at the end of each line?
Kind regards,
RT
JoaoN 222 on at

Like
a
(1)

Report
Copy link

Link copied!

@RusselThomasThank you so much!
I am new at this point and I imagine how easy it would be to who is an expert on this ahaha
Thank you again
RusselThomas 4,014 on at

Like
a
(1)

Report
Copy link

Link copied!

Hi @JoaoN ,
Glad to hear it worked 🙂
Don't feel bad, learning Power FX is one thing, but HTML is equally it's own little world of code - I sometimes find it's easier to get my HTML structure done using a free online HTML editor outside of PowerApps, then once it looks the way I want it, copy/paste the HTML code back into PowerApps and add my variables and expressions to it. Especially with Power Automate and HTML emails, I do this a LOT.
Kind regards,
RT
JoaoN 222 on at

Like
a
(0)

Report
Copy link

Link copied!

@RusselThomasNice tip! I will start doing this! Thanks again!
Now I am having another trouble. On browser the Flow triggers like I want, but from mobile app does not. I post this issue, but no solution yet.
automaton 69 on at

Like
a
(2)

Report
Copy link

Link copied!

Some good tips in here, but I was also facing issues once I'd wrapped the block of text in a tag and some text within a tag and added a CSS style to adjust the line height to try and make the gap even smaller.

I.e. Some multiline text goes here

I found that the additional line-height in this in style wasn't being taken into account by the Power Apps html control parser. To get this to work I found I could remove the paragraph padding around the top and bottom of the block of text and control the line height precisely by removing the in favour of a <div> and adding the line-height style to that.

i.e. <div style='line-height:90%'>

Thought this may be useful for others having the similar issues.