Skip to content

This is a demo applciation for Umbraco Template to Html

Notifications You must be signed in to change notification settings

craigs100/TemplateToPdf.Demo

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TemplateToPdf.Demo

This is a demo applciation for Umbraco Template to Html

Backoffice Log in :

Username :[email protected] PassWord: Admin12345

What is this package for?

This package is desgined to convert Umbraco Cotnent into Pdf while you have a full control of what the pdf shall look like using confgration from Umbraco back office!

Getting Started

  1. 2.1 First Thing First: Download the package Using:

dotnet add package Our.Umbraco.TemplateToPdf

2.2 Adding The Core file you need to add a file called: wkhtmltopdf.exe this file is responsible for converting the Html inside of the template to Pdf. you can download it from here :

https://github.com/uppercuut/TemplateToPdf.Demo/tree/master/TemplateToPdf.Demo/wwwroot/TemplateToPdf

Life location must be: **“/ wwwroot/TemplateToPdf/wkhtmltopdf.exe” ** if the folder “TemplateToPdf” is not there create one.

2.3 Configuring the Startup.cs add this line to the startup file and you are ready to go!

services.AddTemplateToPdf(_env);

like the Image Bellow:

image

Usage

This package is so simple to use : All you have to use is to create a Url and let the browser redirect to it. You can use b builder from the Package that will help you alot

var pdfUrl = new PdfUrlBuilder().UsingGetByIdMethod().WithTemplateAlias("").AddPdfFileName("").Url(); this line will generate a url to be imbeded in any page or any where !

Untitled2

And this is how the Template looks like :

Untitled

and @model IPublishedContent to bind the page to a loose model

Thats it

Exmaple:

let me give an exmaple of how this package works and one of its usage! (we will walk a scenario from A to Z)

Using Umbraco Starter-kit, i added a button on the buttom of each one of those cool people to download thier resumes: 139023905-54d7e6db-5a46-41d6-96e1-b88a75369d71-min

Now! when you click on the button it will open up a pdf file took its content from UmbracoCms and the structure/style from a Template also in Umbraco!

This the template Used => 139024501-c26c9b75-4eeb-4b90-899a-def7ba3a783f-min

Now Lets see the Content : Here we got the details for each Person : 139024974-08b043db-cb2e-4ae8-b259-6d799ec514ff-min

Now lets check the Pdf! : 139025176-d4f964cb-14f0-432f-8027-17b83d201d2e-min

Now! Lets say we want to make his name on a different color and check a few lines on the objectve
Those are our changes we saved and published them: 139025595-3553ff95-2bc9-481a-9ed2-109e4b1e7bbf-min (1)

now to see the new pdf , All you have to do is refresh !! 139026247-3c7a6d9e-4a94-4fc4-aaa2-2e7ccaece65d-min

This is The Pretty much the TemplateToPdf Package

About

This is a demo applciation for Umbraco Template to Html

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 87.7%
  • CSS 8.1%
  • HTML 3.8%
  • C# 0.4%