Basic Usage

TypoScript

pdfpage = PAGE
pdfpage {
	10 = FLUIDTEMPLATE
	10 {
		file = EXT:pdfviewhelpers/Resources/Public/Examples/BasicUsage/Template.html
	}
	# ensure there is no other output apart from the pdf
	# take a look at the generated pdf file (end!) in a text editor to verify there is no other output
	# like warnings, error messages or html code
	config {
		disableAllHeaderCode = 1
		xhtml_cleaning = 0
		admPanel = 0
	}
}

plugin.tx_pdfviewhelpers.settings {
	config {
		language = eng
	}
	document {
		title = Bithost document
		subject = Autogenerated PDF, By Bithost GmbH
		author = Bithost GmbH
		keywords = Example, Test, Just to show how it works
		creator = TYPO3 EXT:pdfviewhelpers
		outputPath = bithost_example.pdf
	}
	header {
		posY = 15
	}
	footer {
		posY = -15
	}
	text {
		paragraphSpacing = 0
	}
	page {
		margin {
			top = 65
			bottom = 25
		}
	}
	graphics {
		line {
			padding {
				top = 0
				bottom = 1.5
			}
		}
	}
}

module.tx_pdfviewhelpers < plugin.tx_pdfviewhelpers

Fluid Template

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
	xmlns:pdf="http://typo3.org/ns/Bithost/Pdfviewhelpers/ViewHelpers"
	xsi:schemaLocation="http://typo3.org/ns/Bithost/Pdfviewhelpers/ViewHelpers https://pdfviewhelpers.bithost.ch/schema/3.0.xsd"
	data-namespace-typo3-fluid="true">

<pdf:document outputDestination="inline" title="Bithost Example">
	<pdf:header>
		<pdf:image src="EXT:pdfviewhelpers/Resources/Public/Examples/BasicUsage/logo.png" width="40"/>
		<pdf:text alignment="right" color="#8C8C8C" paragraphSpacing="0" posY="15">
			Bithost GmbH
			Milchbuckstrasse 83
			CH-8057 Zürich

			hallo@bithost.ch
			044 585 28 20

			www.bithost.ch
		</pdf:text>
	</pdf:header>
	<pdf:footer>
		<pdf:graphics.line style="{color: '#8C8C8C'}"/>
		<pdf:text color="#8C8C8C">Page {pdf:getPageNumberAlias()}</pdf:text>
		<pdf:text alignment="right" color="#8C8C8C" posY="-13.5">EXT:pdfviewhelpers - Basic usage example</pdf:text>
	</pdf:footer>

	<pdf:page>
		<pdf:text posY="50" padding="{bottom: 4}" color="#8C8C8C">
			Zurich, <f:format.date format="d.m.Y" >now</f:format.date>
		</pdf:text>
		<pdf:headline>Welcome to the extension pdfviewhelpers</pdf:headline>
		<pdf:text>
			Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
			Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
		</pdf:text>
		<pdf:headline>Some more information</pdf:headline>

		<pdf:multiColumn>
			<pdf:column width="55%">
				<pdf:text>
					Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua:
				</pdf:text>
				<pdf:list listElements="{0: 'Full Stack Application Development', 1: 'Modernizing, Refactoring and Migrating Applications', 2: 'Active Collaboration in an existing Team', 3: 'Consulting and Support for IT Projects'}"/>
				<pdf:text>
					Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren est Lorem ipsum dolor sit amet.
				</pdf:text>
			</pdf:column>
			<pdf:column width="45%" padding="{left: 2}">
				<pdf:image src="EXT:pdfviewhelpers/Resources/Public/Examples/BasicUsage/Bithost.jpg" />
				<pdf:text padding="{top: 1}" color="#8C8C8C">Esteban Gehring, Markus Mächler</pdf:text>
			</pdf:column>
		</pdf:multiColumn>

		<pdf:text padding="{top: 2}">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</pdf:text>
	</pdf:page>
</pdf:document>

</html>

PDF Output

|