Print Invoices html

[Ramole]

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 

[RandyHayes]

@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.

[Ramole]

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 

[RandyHayes]

@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?

[Ramole · Accepted solution]

@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>"

[mogulman]

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]

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}

[Ramole]

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