Printing with Glide

Ask for Help
1

Hi everyone,

I’m currently building an app with Glide for kitchen operations and I’d like to integrate label printing directly from the app.

My goal is to allow users (on iPad or tablet) to print a label with a single click, without having to go through a third-party app or manual steps

I’m wondering:

  • Is it possible to connect a wireless label printer directly to Glide (e.g. via AirPrint or network)?
  • Can Glide trigger printing natively from a button (for example, opening a print dialog automatically)?
  • Or is using an external tool (like a webhook or automation platform) currently the only way?

If anyone has experience with this (especially in a production/kitchen environment), I’d really appreciate your feedback.

Thanks in advance!

2

I’ve seen this done with a Make and PrintNode: https://www.make.com/en/integrations/printnode

I think the way that it works is your label printer is connected to a computer that has printnode on it and then Glide can call make to connect to the printer.

3 Likes
3

I got a trick. Create workflow:

  • Create File: HTML with this content with placeholders for title, description and qr code value.
  • open link to that file

This generates label, and opens a print directly window. All within glide.

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Object Label</title>

<style>

@page { size: 62mm 20mm; margin: 0; }

html, body {

  width: 62mm;

  height: 20mm;

  margin: 0;

  padding: 0;

}

body {

  display: flex;

  align-items: center;

  box-sizing: border-box;

  padding: 2mm;

  font-family: Arial, sans-serif;

}

.qr {

  width: 16mm;

  height: 16mm;

  flex-shrink: 0;

}

.text {

  margin-left: 3mm;

  display: flex;

  flex-direction: column;

  justify-content: center;

  overflow: hidden;

}

.object {

  font-size: 9pt;

  font-weight: bold;

  line-height: 1.1;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.maker {

  font-size: 8pt;

  line-height: 1.1;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

</style>

</head>

<body>

<div class="qr" id="qr"></div>

<div class="text">

  <div class="object">"TITLE"</div>

  <div class="maker">"DESCRIPTION"</div>

</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>

<script>

new QRCode(document.getElementById("qr"), {

  text: "QR_CODE_VALUE",

  width: 56,

  height: 56,

  correctLevel: QRCode.CorrectLevel.M

});

window.onload = () => setTimeout(()=>window.print(),150);

</script>

</body>

</html>
2 Likes
4

Ah you beat me to it. Yeah printnode works lovely to automate connection to printer.

1 Like
5

What about making the PrintNode api call directly in Glide?

6

An equally good solution!

7

Like others have mentioned: PrintNode

1 Like
8

Thanks for your help
I will try that