The QR Code Layer generates and displays a scannable QR code within the Layout.

It can encode any text or URL and supports alignment, scaling, and color customization to match your project’s design.

This Layer can be created with the “Place QR Code” tool in the Tool Select Toolbar.

Properties #

This Layer supports all of the universal Layer properties along with some of its own.

Horizontal Content Alignment #

Controls how the QR code is placed horizontally inside its Layer bounds.

Options:

• Left:
  • Positions the QR code along the left edge of the Layer.
• Center:
  • Centers the QR code horizontally.
• Right:
  • Positions the QR code along the right edge.
• Stretch:
  • Stretches the QR code horizontally to fill the Layer’s width.

When Stretch is selected, the QR code scales to the Layer’s full width while maintaining aspect ratio vertically (unless Vertical Content Alignment is also set to Stretch).

Vertical Content Alignment #

Controls how the QR code is placed vertically inside its Layer bounds.

Options:

• Top:
  • Positions the QR code at the top of the Layer.
• Center:
  • Centers the QR code vertically.
• Bottom:
  • Positions the QR code at the bottom edge.
• Stretch:
  • Stretches the QR code vertically to fill the Layer’s height.

When Stretch is selected, the QR code scales to the Layer’s full height while maintaining aspect ratio horizontally (unless Horizontal Content Alignment is also set to Stretch).

Data #

A text field containing the information or link the QR code encodes.

This can be:

• A URL
  • https://example.com
• Plain text
  • Item-Serial-00123
• Any text-based data supported by QR code scanners.
  • mailto:support@example.com

The QR code automatically regenerates when the Data value changes.

Stretch #

Determines how the QR code fits within the Layer’s bounding box. Stretch modes define whether the QR code is scaled, cropped, or centered relative to its defined Width and Height.

Stretch Direction

Works together with the Stretch setting to control which dimension (horizontal, vertical, or both) the QR code stretches along.

Foreground #

This property is of the Brush Property type, which allows for color and visual styling of the Layer.

Commonly set to a solid color (black by default), but can use gradients or other brush types.

Background #

This property is of the Brush Property type, which allows for color and visual styling of the Layer.

Defines the brush used to fill the area specified by the Width and Height of the Layer.

Border #

Toggles a border area around the QR code.

• Checked: Adds a small, padded border around the QR code inside the Layer.
  • This helps scanners distinguish the edges of the code more easily.
• Unchecked: The QR code expands to fill the entire Layer’s bounds, with no padding.

Opacity Mask #

This property is of the Brush Property type, which allows for color and visual styling of the Layer.

Applies a mask effect over the QR code’s rendered content to control how it blends or fades. This can be used to create gradient transparency, fade effects, or highlight shapes.

The opacity mask affects both Fill and Stroke uniformly, without changing geometry.