Link Search Menu Expand Document

Invoice With Multiple Pages - VB.NET

PDF from HTML Template sample in VB.NET demonstrating ‘Invoice With Multiple Pages’

Module1.vb
Imports System.IO
Imports System.Net
Imports Newtonsoft.Json
Imports Newtonsoft.Json.Linq

Module Module1

	' The authentication key (API Key).
	' Get your own by registering at https://app.pdf.co
	Const API_KEY As String = "***********************************"

	' --TemplateID--
	' Please follow below steps to create your own HTML Template and get "templateId". 
	' 1. Add new html template in app.pdf.co/templates/html
	' 2. Copy paste your html template code into this new template. Sample HTML templates can be found at "https://github.com/bytescout/pdf-co-api-samples/tree/master/PDF%20from%20HTML%20template/TEMPLATES-SAMPLES"
	' 3. Save this new template
	' 4. Copy it’s ID to clipboard
	' 5. Now set ID of the template into “templateId” parameter

	' HTML template using built-in template
	' see https://app.pdf.co/templates/html/3/edit
	Dim template_id = 3

	' Data to fill the template
	Dim templateData As String = File.ReadAllText(".\invoice_data.json")
	' Destination PDF file name
	Const DestinationFile As String = ".\result.pdf"

	Sub Main()

		' Create standard .NET web client instance
		Dim webClient As WebClient = New WebClient()

		' Set API Key
		webClient.Headers.Add("x-api-key", API_KEY)

		Try
			' Prepare URL for HTML to PDF API call
			Dim request As String = Uri.EscapeUriString(String.Format(
				"https://api.pdf.co/v1/pdf/convert/from/html?name={0}",
				Path.GetFileName(DestinationFile)))

			' Prepare request body in JSON format
			Dim jsonObject As JObject = New JObject(
				New JProperty("templateId", template_id),
				New JProperty("templateData", templateData))

			webClient.Headers.Add("Content-Type", "application/json")

			' Execute request
			Dim response As String = webClient.UploadString(request, jsonObject.ToString())

			' Parse JSON response
			Dim json As JObject = JObject.Parse(response)

			If json("error").ToObject(Of Boolean) = False Then

				' Get URL of generated PDF file
				Dim resultFileUrl As String = json("url").ToString()

				webClient.Headers.Remove("Content-Type") ' remove the header required for only the previous request

				' Download the PDF file
				webClient.DownloadFile(resultFileUrl, DestinationFile)

				Console.WriteLine("Generated PDF document saved as ""{0}"" file.", DestinationFile)

			End If

		Catch ex As WebException
			Console.WriteLine(ex.ToString())
		End Try

		webClient.Dispose()


		Console.WriteLine()
		Console.WriteLine("Press any key...")
		Console.ReadKey()

	End Sub

End Module

invoice_data.json
{
    "paid": true,

    "company_name": "Lovely Company Inc.",
    "company_address": "1234 Market St\nSan Francisco, California 94102\nUSA",

    "company_logo": "https://bytescout-com.s3.amazonaws.com/files/demo-files/cloud-api/pdf-edit/logo.png",

    "barcode_value": "sample encoded barcode value for page 1\nwuth line breaks if needed\n\nOrder id:",
    "ocr_scanline": "OCR-A 123567890",

    "order_id": "1122455",
    "order_date": "15 Jan 2022",
    "customer_id": "T8001",
    "shipped_date": "20 Jan 2022",
    "shipped_via": "UPS",


    "bill_to_name": "T-800 Research Lab",
    "bill_to_address": "435 South La Fayette Park Place, \nLos Angeles, CA 90057\nUSA",    

    "ship_to_name": "Cyberdyne Systems",
    "ship_to_address": "18144 El Camino Real\nSunnyvale, California\nUSA",    

    "freight": 19.95,

    "notes": "Thank you for your purchase.\nThanks for your support of advanced robotics.",    

    "items": [
      {
        "name": "T-800 Prototype Research",
        "price": 50.0,
        "quantity": 2
      },
      {
        "name": "T-800 Cloud Sync Setup",
        "price": 150.0,
        "quantity": 3
      },
      {
        "name": "T-800 Prototype Research 2",
        "price": 20.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 24.99,
        "quantity": 5
      },

      {
        "name": "T-800 Prototype Research 2",
        "price": 199.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 19.0,
        "quantity": 5
      },

      {
        "name": "T-800 Prototype Research 2",
        "price": 20.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 49.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 1000.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 12.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 25.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 24.99,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 14.95,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 149.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 99.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 100.0,
        "quantity": 4
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 9
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },

      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 3
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 2
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 3
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 3
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 3.49,
        "quantity": 3
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 15.0,
        "quantity": 5
      },
      {
        "name": "T-800 Prototype Research",
        "price": 50.0,
        "quantity": 2
      },
      {
        "name": "T-800 Cloud Sync Setup",
        "price": 150.0,
        "quantity": 3
      },
      {
        "name": "T-800 Prototype Research 2",
        "price": 20.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 24.99,
        "quantity": 5
      },

      {
        "name": "T-800 Prototype Research 2",
        "price": 199.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 19.0,
        "quantity": 5
      },

      {
        "name": "T-800 Prototype Research 2",
        "price": 20.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 49.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 1000.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 12.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 25.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 24.99,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 14.95,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 149.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 99.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 100.0,
        "quantity": 4
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 9
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },

      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 3
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 2
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 3
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 3
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 3.49,
        "quantity": 3
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Prototype Research",
        "price": 50.0,
        "quantity": 2
      },
      {
        "name": "T-800 Cloud Sync Setup",
        "price": 150.0,
        "quantity": 3
      },
      {
        "name": "T-800 Prototype Research 2",
        "price": 20.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 24.99,
        "quantity": 5
      },

      {
        "name": "T-800 Prototype Research 2",
        "price": 199.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 19.0,
        "quantity": 5
      },

      {
        "name": "T-800 Prototype Research 2",
        "price": 20.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 49.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 1000.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 12.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 25.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 24.99,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 14.95,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 149.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 99.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 100.0,
        "quantity": 4
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 9
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },

      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 3
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 2
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 3
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 3
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 3.49,
        "quantity": 3
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      }


    ]
}
  

Resources.Designer.vb
'------------------------------------------------------------------------------
' <auto-generated>
'     This code was generated by a tool.
'     Runtime Version:4.0.30319.42000
'
'     Changes to this file may cause incorrect behavior and will be lost if
'     the code is regenerated.
' </auto-generated>
'------------------------------------------------------------------------------

Option Strict On
Option Explicit On


Namespace My.Resources

	'This class was auto-generated by the StronglyTypedResourceBuilder
	'class via a tool like ResGen or Visual Studio.
	'To add or remove a member, edit your .ResX file then rerun ResGen
	'with the /str option, or rebuild your VS project.
	'''<summary>
	'''  A strongly-typed resource class, for looking up localized strings, etc.
	'''</summary>
	<Global.System.CodeDom.Compiler.GeneratedCodeAttribute("System.Resources.Tools.StronglyTypedResourceBuilder", "4.0.0.0"), _
	 Global.System.Diagnostics.DebuggerNonUserCodeAttribute(), _
	 Global.System.Runtime.CompilerServices.CompilerGeneratedAttribute(), _
	 Global.Microsoft.VisualBasic.HideModuleNameAttribute()> _
	Friend Module Resources

		Private resourceMan As Global.System.Resources.ResourceManager

		Private resourceCulture As Global.System.Globalization.CultureInfo

		'''<summary>
		'''  Returns the cached ResourceManager instance used by this class.
		'''</summary>
		<Global.System.ComponentModel.EditorBrowsableAttribute(Global.System.ComponentModel.EditorBrowsableState.Advanced)> _
		Friend ReadOnly Property ResourceManager() As Global.System.Resources.ResourceManager
			Get
				If Object.ReferenceEquals(resourceMan, Nothing) Then
					Dim temp As Global.System.Resources.ResourceManager = New Global.System.Resources.ResourceManager("ByteScoutWebApiExample.Resources", GetType(Resources).Assembly)
					resourceMan = temp
				End If
				Return resourceMan
			End Get
		End Property

		'''<summary>
		'''  Overrides the current thread's CurrentUICulture property for all
		'''  resource lookups using this strongly typed resource class.
		'''</summary>
		<Global.System.ComponentModel.EditorBrowsableAttribute(Global.System.ComponentModel.EditorBrowsableState.Advanced)> _
		Friend Property Culture() As Global.System.Globalization.CultureInfo
			Get
				Return resourceCulture
			End Get
			Set(ByVal value As Global.System.Globalization.CultureInfo)
				resourceCulture = value
			End Set
		End Property
	End Module
End Namespace

Settings.Designer.vb
'------------------------------------------------------------------------------
' <auto-generated>
'     This code was generated by a tool.
'     Runtime Version:4.0.30319.42000
'
'     Changes to this file may cause incorrect behavior and will be lost if
'     the code is regenerated.
' </auto-generated>
'------------------------------------------------------------------------------

Option Strict On
Option Explicit On


Namespace My

	<Global.System.Runtime.CompilerServices.CompilerGeneratedAttribute(), _
	 Global.System.CodeDom.Compiler.GeneratedCodeAttribute("Microsoft.VisualStudio.Editors.SettingsDesigner.SettingsSingleFileGenerator", "11.0.0.0"), _
	 Global.System.ComponentModel.EditorBrowsableAttribute(Global.System.ComponentModel.EditorBrowsableState.Advanced)> _
	Partial Friend NotInheritable Class MySettings
		Inherits Global.System.Configuration.ApplicationSettingsBase

		Private Shared defaultInstance As MySettings = CType(Global.System.Configuration.ApplicationSettingsBase.Synchronized(New MySettings), MySettings)

#Region "My.Settings Auto-Save Functionality"
#If _MyType = "WindowsForms" Then
        Private Shared addedHandler As Boolean

        Private Shared addedHandlerLockObject As New Object

        <Global.System.Diagnostics.DebuggerNonUserCodeAttribute(), Global.System.ComponentModel.EditorBrowsableAttribute(Global.System.ComponentModel.EditorBrowsableState.Advanced)> _
        Private Shared Sub AutoSaveSettings(ByVal sender As Global.System.Object, ByVal e As Global.System.EventArgs)
            If My.Application.SaveMySettingsOnExit Then
                My.Settings.Save()
            End If
        End Sub
#End If
#End Region

		Public Shared ReadOnly Property [Default]() As MySettings
			Get

#If _MyType = "WindowsForms" Then
                   If Not addedHandler Then
                        SyncLock addedHandlerLockObject
                            If Not addedHandler Then
                                AddHandler My.Application.Shutdown, AddressOf AutoSaveSettings
                                addedHandler = True
                            End If
                        End SyncLock
                    End If
#End If
				Return defaultInstance
			End Get
		End Property
	End Class
End Namespace

Namespace My

	<Global.Microsoft.VisualBasic.HideModuleNameAttribute(), _
	 Global.System.Diagnostics.DebuggerNonUserCodeAttribute(), _
	 Global.System.Runtime.CompilerServices.CompilerGeneratedAttribute()> _
	Friend Module MySettingsProperty

		<Global.System.ComponentModel.Design.HelpKeywordAttribute("My.Settings")> _
		Friend ReadOnly Property Settings() As Global.ByteScoutWebApiExample.My.MySettings
			Get
				Return Global.ByteScoutWebApiExample.My.MySettings.Default
			End Get
		End Property
	End Module
End Namespace

PDF.co Web API: the Web API with a set of tools for documents manipulation, data conversion, data extraction, splitting and merging of documents. Includes image recognition, built-in OCR, barcode generation and barcode decoders to decode bar codes from scans, pictures and pdf.

Get your PDF.co API key here!

Download Source Code (.zip)

return to the previous page explore PDF from HTML Template endpoint