Recipe - Add QR Code to Short-Links Page

Skill level: Beginner

Organization: Veritas Church | Cedar Rapids

Requires Rock: 17.0

{# strip images & classes from the HTML but otherwise leave structure #}

With the improvements to short links in v18 we wanted to be able to get a QR code for each link directly from the short links grid. To do this we aded a Custom Column under Custom Grid Options on the Pae Short Link List block. Below is a photo of the configuration of the column and lava template. I also pasted the code for the lava template below. 

pageshortlinkurl.png

Lava Template Code

{% assign data = Row.PageShortLink.ShortLinkUrl | UrlEncode %}
<a href="/GetQRCode.ashx?data={{ data }}"
   target="_blank"
   rel="noopener"
   title="Open QR Code">
    <img src="/GetQRCode.ashx?data={{ data }}"
         alt="QR"
         style="height:40px; width:40px;" />
</a>

End Result with QR Code Column

qrcode.png