cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Ramole
Memorable Member
Memorable Member

Print Invoices html

Hi 

 

Need help please I have set up my flow for printing and its working fine but I need help on html invoice design here example sample what i need to look like , it doesn't have to be same but similar please top part and bottom part 

 

Thank you so much 

 

 

 

Thank you
If this post helps, then please consider Accept it as the solution to help the others and consider giving it a "Thumbs Up."
1 ACCEPTED SOLUTION

Accepted Solutions

@RandyHayes 

 

How can i set via html like this lower part example i have html code here how can modify 

"<h3>hipping Report</h3>" &
"<strong> Items: </strong>" &
"<table width='100%' border='1' cellpadding='5' style='border:1px solid black; border-collapse:collapse'>" &
     "<tr style='background-color:#efefef'>
         <td> Customer </th> <td> Phone </th> <td> Pending Invoices </th><td> Overdue Balance </th><td> Status </th>
     </tr>
     <tr>" &
         Concat(GalleryRequests_3.AllItems,
             "<td>" &  Companyvalue & " </td>
              <td>" &ShippingMethodVal.Value & " </td>
              <td>" &"("&'Pending Invoices'&") Records" & " </td>
<td>" & "$ "& SumShippingFee  & " </td>
<td>" &Status & " </td>


","</tr><tr>") &
"</table>"

 

Screenshot 2020-11-17 160727.png

Thank you
If this post helps, then please consider Accept it as the solution to help the others and consider giving it a "Thumbs Up."

View solution in original post

7 REPLIES 7
RandyHayes
Super User
Super User

@Ramole 

Are you actually using the Plumsail documents connector?  If so, it can easily be done with Plumsail into a template.

Trying to build your invoice a total HTML document is probably not something that will be just supplied to you.  I would suggest setting out to build your invoice in an HTML editor (again, if you're actually not using Plumsail) and then integrate the HTML produced into your flow.

If you're not using Plumsail, you might find the cost in your time to put this together on your own will outweigh the cost of the connector.

 

I hope this is helpful for you.

_____________________________________________________________________________________
Digging it? - Click on the Thumbs Up below. Solved your problem? - Click on Accept as Solution below. Others seeking the same answers will be happy you did.
Check out my PowerApps Videos too! And, follow me on Twitter @RandyHayes

Really want to show your appreciation? Buy Me A Cup Of Coffee!

Hi @RandyHayes 

 

I am not asking to supplied to me all I am asking is how can I do the top part and lower part like total amount  the html design that's all the middle I can make it myself 

 

 

Thank you
If this post helps, then please consider Accept it as the solution to help the others and consider giving it a "Thumbs Up."
RandyHayes
Super User
Super User

@Ramole 

I'm a little confused on it then...the top and bottom would be HTML as well.  What is it in particular in the top and bottom that you are struggling with?

_____________________________________________________________________________________
Digging it? - Click on the Thumbs Up below. Solved your problem? - Click on Accept as Solution below. Others seeking the same answers will be happy you did.
Check out my PowerApps Videos too! And, follow me on Twitter @RandyHayes

Really want to show your appreciation? Buy Me A Cup Of Coffee!

@RandyHayes 

 

How can i set via html like this lower part example i have html code here how can modify 

"<h3>hipping Report</h3>" &
"<strong> Items: </strong>" &
"<table width='100%' border='1' cellpadding='5' style='border:1px solid black; border-collapse:collapse'>" &
     "<tr style='background-color:#efefef'>
         <td> Customer </th> <td> Phone </th> <td> Pending Invoices </th><td> Overdue Balance </th><td> Status </th>
     </tr>
     <tr>" &
         Concat(GalleryRequests_3.AllItems,
             "<td>" &  Companyvalue & " </td>
              <td>" &ShippingMethodVal.Value & " </td>
              <td>" &"("&'Pending Invoices'&") Records" & " </td>
<td>" & "$ "& SumShippingFee  & " </td>
<td>" &Status & " </td>


","</tr><tr>") &
"</table>"

 

Screenshot 2020-11-17 160727.png

Thank you
If this post helps, then please consider Accept it as the solution to help the others and consider giving it a "Thumbs Up."

View solution in original post

I'm still not clear on what you asking.  I think you are asking about creating HTML/CSS for email.  The code below should help.  You'll need to add more CSS formatting.  I'm assuming you have the logo image on some website.  The first few lines are a little weird.  Outlook uses the first few lines as preview text.  Since your logo is the first item in email the preview text won't be meaningful.  I embed some hidden text at the beginning with preview text.  It isn't visible in email.  There are many tools you can use for HTML/CSS.  I use MS's Web Expression 4.  It is an old tool that is discontinued but you can get for free.   You set it to use HTML5/CSS3.  You also set it to create inline CSS.  I find it very useful for creating HTML email templates. 

 

 

<!-- HIDDEN PREHEADER TEXT -->
<div style="display: none; mso-hide: all; width: 0px; height: 0px; max-width: 0px; max-height: 0px; font-size: 0px; line-height: 0px;">
	Preview text for email in Outllook</div>
<div style="font-size: 10.0pt; font-family: Arial, Tahoma, Geneva, Verdana, sans-serif">
<table style="width: 100%">
	<tr>
		<td style="width: 60%">
		<img alt="My Logo" src="http://MyCompany.com/image/plumsail_logo.jpg" title="" width="300"></td>
		<td><span style="font-family: Arial, sans-serif; font-size: 12pt">Plumsail 
		LLC</span><br>Address<br>email<br>tel</td>
	</tr>
</table>
<br>INVOICE {INVOICE} <br>{DATE} <br>Payment Terms:{TERMS}
</div> 

 

 

Ramole
Memorable Member
Memorable Member

Hi @mogulman 

Can you please give complete sample for this so I can edit modify 

 

<!-- HIDDEN PREHEADER TEXT -->
<div style="display: none; mso-hide: all; width: 0px; height: 0px; max-width: 0px; max-height: 0px; font-size: 0px; line-height: 0px;">
	Preview text for email in Outllook</div>
<div style="font-size: 10.0pt; font-family: Arial, Tahoma, Geneva, Verdana, sans-serif">
<table style="width: 100%">
	<tr>
		<td style="width: 60%">
		<img alt="My Logo" src="http://MyCompany.com/image/plumsail_logo.jpg" title="" width="300"></td>
		<td><span style="font-family: Arial, sans-serif; font-size: 12pt">Plumsail 
		LLC</span><br>Address<br>email<br>tel</td>
	</tr>
</table>
<br>INVOICE {INVOICE} <br>{DATE} <br>Payment Terms:{TERMS}
Thank you
If this post helps, then please consider Accept it as the solution to help the others and consider giving it a "Thumbs Up."
Ramole
Memorable Member
Memorable Member

Can anyone help me please how can I do this invoice in html  formula I am stuck on this just need design code

Capture.PNG

Thank you
If this post helps, then please consider Accept it as the solution to help the others and consider giving it a "Thumbs Up."

Helpful resources

Announcements
UG GA Amplification 768x460.png

Launching new user group features

Learn how to create your own user groups today!

Community Connections 768x460.jpg

Community & How To Videos

Check out the new Power Platform Community Connections gallery!

M365 768x460.jpg

Microsoft 365 Collaboration Conference | December 7–9, 2021

Join us, in-person, December 7–9 in Las Vegas, for the largest gathering of the Microsoft community in the world.

Top Solution Authors
Top Kudoed Authors
Users online (2,136)