Refine your skills

Follow step-by-step instructions to build skills at your own pace.

Editor's Picks

Design

Design

Aligning Text for accessibility

Learn how to structure label-value pairs for accessible PDF/UA output. We compare layout methods and highlight why display: inline-block offers the best balance of visual alignment and screen reader-friendly semantics.
Design

Setting the logical reading order for Positioned Boxes

This tutorial emphasizes structuring content for accessibility, particularly for screen readers. It provides steps to ensure the logical reading order for positioned boxes in invoice templates, ensuring clarity without altering visual appearance.
Design

Dynamically set the content of a cloned section

Section cloning in is a technique used to replicate a print section multiple times, each instance potentially featuring different personalization or a unique background image. See how to dynamically set the content of a cloned section from a Control Script.
Design

Using the for...of loop on Detail Data

The for...of loop offers a modern and readable approach to iterating over arrays or collections compared to the traditional for loop. See how it compares.
Design

Handlebars helper: {{counter}}

For documents such as labels and raffle tickets, it's often necessary to generate sequential numbers or counters that update for each record in your dataset. This tutorial demonstrates how to easily integrate a pre-built Handlebars helper to accomplish this task.
Design

Creating an accessible letter template in OL Connect Designer

In this tutorial, you'll learn how to configure an OL Connect template to generate accessible PDF output compliant with the PDF/UA standard.

Design

How to add Barcodes

This video shows how to add a barcode to your template in OL Connect Designer.
Design

Variables in hyperlinks

In order to dynamically insert or modify a hyperlink in OL Connect, scripts are required. However, those scripts are very small and simple to understand.
Design

Section background image clipping

The Clipped region option for section backgrounds enables you to either hiding a specific part or displaying it as needed. 

Questions? Get in touch

Contact us