Displaying a Record as a QR Code
Overview
This guide teaches you how to display a field value as a QR Code in your Avonni Data Table.
Result
The final result will look like this:
![](https://flow.avonnicomponents.com/~gitbook/image?url=https%3A%2F%2F27923732-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F1FUd4apB9YHgCEMUFbVb%252Fuploads%252FllmeBSEGF1N0bbIWywQE%252F2023-02-07_16-27-53.png%3Falt%3Dmedia%26token%3D1809873e-6db2-404e-ba91-571d65afcdba&width=768&dpr=4&quality=100&sign=9b2683f3&sv=1)
Steps
1. Create a Get Records collection
First, let's create a "Get Records" collection to retrieve a set of records from the account object.
Add an element > Get Records
Label Name > "GetAccounts"
Object Name > Account
Filter Account Records
Condition requirements: None - Get All Account Records
Select "All Records"
Click on the "Done" button
Adjust your filtering settings to match your use case.
2. Add a screen element
3. Add the Avonni Data table component
Drag the Avonni Data Table component
Open the Component Builder
Select a Variable Data Source
Add the source collection created in Step 1
4. Configure Data Mappings
Create your columns (for example, Account Name, Account Description, and Website)
For the Website Column, choose QR code as a Data Type
Set a QR Code size if needed
Last updated