New is version 4.2.2 is the ability to use fonts and colors in a dynamic manner using the Lib Block Type "PDF". This requires the use of basic html styling using the rich text editor, or for more advance styling, hand-coding of html and css styling attributes.

You can use this functionality to have one print-ready template to represent multiple brands or division. It also provides flexibility to the user to further style editable areas within print pieces, such as biographies. Every font that is available for styling on a PDF Lib Block is also available to the Rich Text type.

To use this functionality, the block on your PDF must be set to type PDF.


Within the platform itself, you set the Variable Type to "Rich Text"


Once the setup is complete is where the fun begins. You can now;

  1. Assign multiple fonts to copy within a block

  2. Dynamically apply color styling to copy

  3. Dynamically pull text into the block from user profile fields, global content or content collections.

Example 1: Stylize the name on a business card to be dynamic to the particular brand

<span style="font-family: Lato-Bold; font-size: 10px; line-height: 115%; color: [p:club_accent_color];">[p:first_name] [p:last_name]<br /><span style:"font-style:italic; color:#808080;">[p:title]</span></span>

In this simple example, the font color is dynamically retrieved form the users profile.

Example 2: Stylize particular components within a block of copy

<span style="font-family:MyriadPro-Regular; line-height:130%;">[p:address]

[p:address2]

[p:city], [p:state] [p:zip]

[p:phone]

[p:cell]

<span style="font-weight:bold; font-style:italic;">[p:email]</bold>

[p:website]</span></span>


Example 3: Add images within a block of copy

Simple example below on how to add an image with the editor using the image source functi

<img src="[p:profile_image]"><br>

<span style="font-family:MyriadPro-Regular; line-height:130%;">[p:address]

[p:address2]<br>

[p:city], [p:state] [p:zip]<br>

[p:phone]<br>

[p:cell]<br>

<span style="font-weight:bold; font-style:italic;">[p:email]</bold>

[p:website]</span></span>

 

Rather than having multiple Lib Blocks on the pdf itself, you can only have one of type 'PDF' and do all the styling on the fly. This helps greatly with line spacing.