Controls
QR Code
The QR Code Control allows you to integrate QR codes quickly and easily into a visualization. You can find the QR Code Control in the Peakboard Designer within the Others group (1). Drag and drop the icon into your designer or double-click it to place it on your workspace.
Configuration and Properties
1 Data Source and Account Linking
A QR Code Control can be populated with content in different ways. Double-click the control to open the configuration dialog:
- Static Resource: Paste a URL link from your browser (e.g., “https://www.google.com/search?q=https://www.peakboard.com”) (1).
- Dynamic Linking (Data Binding): Link the control to a data source or a variable containing a path or a URL. The code will be updated automatically at runtime (2).
- Instead of using the configuration dialog, you can also use the “value”-input field under Data in the properties panel to link a URL, a data source, or a variable to the control (3).
2 Appearance and Control
In the properties panel on the right side, you can precisely manage the behavior and appearance:
- Control Positioning (General): Define the alignment of the control on the workspace. The first eight icons allow you to quickly place the control in corners or at the center of the sides, while the ninth icon fills the entire available area. The last icon centers the element (1).
- General: Use the Width, Height, Left, and Top fields to precisely define the size and position of the control via manual input. Below that, you can define Padding for the document within its frame and assign a Title that appears above the control (2).
- QR Code (Appearance): Select the color of the control and the type—choose whether the control should be displayed as a QR Code or a Code 128 barcode (3).
- Use in Scripts (Logic): Give the control a unique name to control it later via script (4).
- Conditional Formatting (Logic): Use conditional formatting to, for example, control the visibility of the control based on specific events (5).
