Visualización HTML

(0) Share

Report

Posted on by Francisco77

351

Hi All,

I have a P. APPS that captures data, which through P. Automate generates a PDF report that is sent by email.

Since I have the HTML code of the email format, could I put this HTML code with the corresponding data entries in the P. APPS and display an HTML box showing how the final report looks before being sent?.

The idea is that the user reviews the final report that is generated before it is sent.

Thank you¡.

Categories:

Building Power Apps

I have the same question (0)

All responses (4)

Answers (1)

WarrenBelz 153,026 Most Valuable Professional on at

Like (1)

Report

Hi @Francisco77 ,

Yes and is actually what I do with my emails. You then simply send the HTML control output (ControlName.HtmlText )as the Body of the email.

Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs Up.

MVP (Business Applications) Visit my blog Practical Power Apps

Was this reply helpful? Yes No
Francisco77 351 on at

Like (0)

Report

Hi @WarrenBelz

How would the HTML code be displayed, inserting an HTML text box? Because I try that but when I write the HTML code I only see an error.

The code is:

<h3 style="text-align: right;">Informe de Visita @{triggerBody()['text_5']}</h3>
 
Fecha: @{triggerBody()['text_1']}
Número de contrato: @{triggerBody()['text_2']}
 
Superficie (ha): @{triggerBody()['text_7']}
 
 
 
 
<table class="MsoTable15Plain1" style="width: 375px;" border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr style="mso-yfti-irow: -1; mso-yfti-firstrow: yes; mso-yfti-lastfirstrow: yes;">
<td style="width: 150px; padding: 0px 7px;" valign="top">
Estado:
</td>
<td style="width: 150px; padding: 0px 7px;" valign="top">
 @{triggerBody()['text_9']}
</td>
</tr>
<tr style="mso-yfti-irow: 0;">
<td style="width: 150px; background: #f2f2f2; padding: 0px 7px;" valign="top">
Control 1:
</td>
<td style="width: 150px; background: #f2f2f2; padding: 0px 7px;" valign="top">
 @{triggerBody()['text_10']}
</td>
</tr>
<tr style="mso-yfti-irow: 1;">
<td style="width: 150px; padding: 0px 7px;" valign="top">
Control 2:
</td>
<td style="width: 150px; padding: 0px 7px;" valign="top">
 @{triggerBody()['text_11']}
</td>
</tr>
<tr style="mso-yfti-irow: 2; mso-yfti-lastrow: yes;">
<td style="width: 150px; background: #f2f2f2; padding: 0px 7px;" valign="top">
Suministro:
</td>
<td style="width: 150px; background: #f2f2f2; padding: 0px 7px;" valign="top">
 @{triggerBody()['text_12']}
</td>
</tr>
</tbody>
</table>
  
 
Instrucciones:  @{triggerBody()['text_13']}
 
 
 
<table class="MsoTable15Plain1" style="width: 486.031px;" border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr style="height: 18px;">
<td style="width: 293px; padding: 0px 7px; height: 18px;" valign="top">
Foto
</td>
<td style="width: 299.031px; padding: 0px 7px; height: 18px;" valign="top">
Comentarios
</td>
</tr>
<tr style="height: 105.396px;">
<td style="width: 293px; background: #f2f2f2; padding: 0px 7px; height: 105.396px;" valign="top">
 
<img src="@{triggerBody()['text_14']}" alt="" width="290" height="220" />
 
</td>
<td style="width: 299.031px; background: #f2f2f2; padding: 0px 7px; height: 105.396px;" valign="top">
 
 @{triggerBody()['text_15']}
</td>
</tr>
<tr style="height: 200px;">
<td style="width: 293px; padding: 0px 7px; height: 200px;" valign="top">
 
<img src="@{triggerBody()['text_16']}" alt="" width="290" height="220" />
 
</td>
<td style="width: 299.031px; padding: 0px 7px; height: 200px;" valign="top">
 
 @{triggerBody()['text_17']}
</td>
</tr>
</tbody>
</table>
 

Thanks,

Francisco

Was this reply helpful? Yes No
Verified answer

RampalsT 75 on at

Like (0)

Report

The error ocurrs because you are using ", use ' in your code.
Try this:
"'<h3 style='text-align: right;'>Informe de Visita @{triggerBody()['text_5']}</h3>
 
Fecha: @{triggerBody()['text_1']}
Número de contrato: @{triggerBody()['text_2']}
 
Superficie (ha): @{triggerBody()['text_7']}
 
 
 
 
<table class='MsoTable15Plain1' style='width: 375px;' border='1' cellspacing='0' cellpadding='0'>
<tbody>
<tr style='mso-yfti-irow: -1; mso-yfti-firstrow: yes; mso-yfti-lastfirstrow: yes;'>
<td style='width: 150px; padding: 0px 7px;' valign='top'>
Estado:
</td>
<td style='width: 150px; padding: 0px 7px;' valign='top'>
 @{triggerBody()['text_9']}
</td>
</tr>
<tr style='mso-yfti-irow: 0;'>
<td style='width: 150px; background: #f2f2f2; padding: 0px 7px;' valign='top'>
Control 1:
</td>
<td style='width: 150px; background: #f2f2f2; padding: 0px 7px;' valign='top'>
 @{triggerBody()['text_10']}
</td>
</tr>
<tr style='mso-yfti-irow: 1;'>
<td style='width: 150px; padding: 0px 7px;' valign='top'>
Control 2:
</td>
<td style='width: 150px; padding: 0px 7px;' valign='top'>
 @{triggerBody()['text_11']}
</td>
</tr>
<tr style='mso-yfti-irow: 2; mso-yfti-lastrow: yes;'>
<td style='width: 150px; background: #f2f2f2; padding: 0px 7px;' valign='top'>
Suministro:
</td>
<td style='width: 150px; background: #f2f2f2; padding: 0px 7px;' valign='top'>
 @{triggerBody()['text_12']}
</td>
</tr>
</tbody>
</table>
  
 
Instrucciones:  @{triggerBody()['text_13']}
 
 
 
<table class='MsoTable15Plain1' style='width: 486.031px;' border='1' cellspacing='0' cellpadding='0'>
<tbody>
<tr style='height: 18px;'>
<td style='width: 293px; padding: 0px 7px; height: 18px;' valign='top'>
Foto
</td>
<td style='width: 299.031px; padding: 0px 7px; height: 18px;' valign='top'>
Comentarios
</td>
</tr>
<tr style='height: 105.396px;'>
<td style='width: 293px; background: #f2f2f2; padding: 0px 7px; height: 105.396px;' valign='top'>
 
<img src='@{triggerBody()['text_14']}' alt='' width='290' height='220' />
 
</td>
<td style='width: 299.031px; background: #f2f2f2; padding: 0px 7px; height: 105.396px;' valign='top'>
 
 @{triggerBody()['text_15']}
</td>
</tr>
<tr style='height: 200px;'>
<td style='width: 293px; padding: 0px 7px; height: 200px;' valign='top'>
 
<img src='@{triggerBody()['text_16']}' alt='' width='290' height='220' />
 
</td>
<td style='width: 299.031px; padding: 0px 7px; height: 200px;' valign='top'>
 
 @{triggerBody()['text_17']}
</td>
</tr>
</tbody>
</table>
 
'"

Hope it helps

Was this reply helpful? Yes No
WarrenBelz 153,026 Most Valuable Professional on at

Like (0)

Report

@Francisco77 ,

That is correct and would have been my response this morning (I am in a different time zone) had I been given the courtesy of replying. Another thing you may need to watch is Outlook's ability (or at times lack of) to resolve some style tags.

Was this reply helpful? Yes No