PDF functioon can't get tilt html text

(3) Share

Report

Posted on by longxin

I have create two html text in a container.When use pdf function to export container.

it can only output the normal html text,but can't output tilt html text.

normal html text:

"<div
style='
border:1px solid black;
transform: rotate(0deg);
 '>
 " &"在此处显示你的 <b><font color=blue>HTML</font></b> 文本。文本。文本。文本。文本。文本。文本。文本。本。文本。文本。文本。文本。文本。文本。文本本。文本。文本。文本。文本。文本。文本。文本本。文本。文本。文本。文本。文本。文本。文本本。文本。文本。文本。文本。文本。文本。文本本。"
tiled html text:
"<div
style='
border:1px solid black;
vertical-align: middle; 
text-align: center;
left:100px;
transform: rotate(30deg);
transform-origin: left;
 '>
 " & "AAAAAAAAAAAAAAAAA"

Categories:

Building Power Apps

outputPDF.png

origin.png

I have the same question (0)

All responses (6)

Answers (1)

longxin 30 on at

Like (0)

Report

is ther anyone who can help me deal with this problem？

Was this reply helpful? Yes No
MS.Ragavendar 5,011 Super User 2025 Season 2 on at

Like (0)

Report

@longxin,

Can you please paste the code which you used for the export of PDF also can you give the screenshot of your design too in Power Apps which help us.

Limitation in PDF Export

https://learn.microsoft.com/en-us/power-platform/power-fx/reference/function-pdf

Was this reply helpful? Yes No
Verified answer

w.p 8,339 Super User 2025 Season 2 on at

Like (1)

Report

@longxin

PDF function is still in experimental.

Known limitations

Non-Latin script types and font weights and styles such as bold and italic may not appear in the generated PDF for some fonts.

Was this reply helpful? Yes No
longxin 30 on at

Like (0)

Report

@w.p

hi,

I see your example that in SVG rotated text can output to pdf.

could you please share me your code about this?

Was this reply helpful? Yes No
longxin 30 on at

Like (0)

Report

@MS.Ragavendar

hi,export pdf code is just :set(tempfile,pdf(contain1))

Was this reply helpful? Yes No
w.p 8,339 Super User 2025 Season 2 on at

Like (1)

Report

"data:image/svg+xml;utf8, "&EncodeUrl("

<svg width='200' height='200' xmlns='http://www.w3.org/2000/svg' style='border:1px solid #ccc;'>

<text x='10' y='30' font-size='16' fill='black'>SVG (Image Control)</text>

<text x='100' y='100' font-size='16' fill='red' transform='rotate(-45, 100, 100)'>

Rotated Text

</text>

<text x='150' y='150' font-size='16' fill='blue' transform='rotate(-90, 150, 150)'>

Vertical Text

</text>

</svg>")

Was this reply helpful? Yes No