Unanswered

Align picture in HTML Code

(0) Share

Report

Posted on by sebastiandcarri

Hi Everyone!

I created an app using Shane Young post to create a PDF with Signature (PenInput). I added an image converted to Base64 and the PDF workd good but I need to align it to the right, I've tried all the HTML examples from various pages but can't get the result.

The code I have is:

PenInput.Run("<!DOCTYPE html>
<html>
<head>
</head>
<body size='A4'>
<img src='data&colon;image/png;base64,iVBORw0KGgoAA.....................'>

Text

</body>
</html>

This is how i get the image aligned to the left, and just need to align it to the right.

Thanks

Categories:

Building Power Apps

I have the same question (0)

All responses (8)

Answers (0)

Sort by

Pstork1 69,521 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!
Just add align="right" to the attributes of the image tag.

<body size='A4'> <img align="right" src='data&colon;image/png;base64,iVBORw0KGgoAA.....................'> Text 

Was this reply helpful? Yes No
sebastiandcarri 46 on at

Like (0)

Report
Copy link

Link copied!

Thanks for your response. Didn't work. Added as you mention shows this error:
Code:
<img align="right" src='data&colon;image/png;base64,....>
Changed to next but didn't work neither:
<img align='right' src='data&colon;image/png;base64,...>

Was this reply helpful? Yes No
Pstork1 69,521 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!
Since you are inputting the code as a static string you'll need to escape the " character.

<img align=\"right\" src='data&colon;image/png;base64,...>

Was this reply helpful? Yes No
sebastiandcarri 46 on at

Like (0)

Report
Copy link

Link copied!

Didn't work either

Was this reply helpful? Yes No
Pstork1 69,521 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!

Don't you get the same error when you remove the align= code? It looks to me like you are trying to add a multiline string in as a static string. That's not going to work. I don't think its the align that is causing the error. Its the way you are inputting your html code.

Was this reply helpful? Yes No
sebastiandcarri 46 on at

Like (0)

Report
Copy link

Link copied!

No, without the align code it works fine. It embed the img base 64, adds the signature from PenInput and creates de PDF. This is part of the code with Concat function to bring the data from the list, and the JSON Input and I'm not getting any problem.

PenInput.Run("<!DOCTYPE html>
<html>
<head>
</head>
<body size='A4'>
<img src='data&colon;image/png;base64='>
XXXXXXXX,"&Concat(Gallery2.AllItems, Text(Modified,DateTimeFormat.ShortDate))&"
XXXXXXXX
XXXXXXX
a.XXXXXXXXXX (XXXX $ XXXXXX) $"&Concat(Gallery2.AllItems, Text(VInt))&", XXXXXX "&Concat(Gallery2.AllItems, Text(MInt))&" XXXXXXX"& Concat(Gallery2.AllItems, Text(If(Text(CCert)="false","No","Si"))) &"XXXXXXX
<img width='90px' src=" &JSON(PenInput1.Image, JSONFormat.IgnoreBinaryData) & ">
SAP ID: "&Concat(Gallery2.AllItems, SAPID) &"
</body>
</html>
", "File"&Last(BD).Modified)

Was this reply helpful? Yes No
Prakhar_Gupta1 51 on at

Like (0)

Report
Copy link

Link copied!

Hello @sebastiandcarri @Pstork1
I also tried all above this, but still, I am not able to align the image to the right side.
Please help, if you get something...

Was this reply helpful? Yes No
Pluthard 2 on at

Like (0)

Report
Copy link

Link copied!
Hello,

The following code currently works on my applications :

 <img style='display: block; margin-left: auto; margin-right: auto;' src='https://barcode.tec-it.com/barcode.ashx?data=Hello World' >  <img style='display: block; margin-right: auto;' src='https://barcode.tec-it.com/barcode.ashx?data=Hello World' >  <img style='display: block; margin-left: auto;' src='https://barcode.tec-it.com/barcode.ashx?data=Hello World' >

Was this reply helpful? Yes No