generateBarcode
Description
Creates a machine-readable code in the form of numbers and a pattern of parallel lines of varying widths.
Input / Parameter
Name | Description | Input Type | Default | Options | Required |
---|---|---|---|---|---|
type | The type of barcode. | Text | CODE128 | - | No |
fontSize | The font size of the barcode. | Number | 20 | - | No |
height | The height of the barcode. | Number | 100 | - | No |
width | The width of the barcode. | Number | 2 | - | No |
margin | The margin of the barcode. | Number | 10 | - | No |
value | The value of the barcode. | Text | - | - | Yes |
displayText | To display text or not. | Boolean | true | - | No |
text | The text to display. | Text | - | - | No |
bold | Bolds the text. | Text | - | - | No |
italic | Italicizes the text. | Text | - | - | No |
textAlign | To align text or not. | Text | center | - | No |
extra | Additional data to be used in the callbacks. | Any | - | - | No |
Output
Description | Output Type |
---|---|
Returns the base64 barcode image pattern. | String/Text |
Example
In this example, we will generate a barcode and display it in an image component.
Steps
Drag a
button
component and animage
component to a page in the editor to display the generated barcode.Call the function
Device.generateBarcode
in thepress
event of the button component and set the required parameters to generate the barcode.Call the function
App.setComponentValue
if the functionDevice.generateBarcode
runs successfully and set the value to display the barcode in the image component.Call the function
Log.write
if the functionDevice.generateBarcode
does not run successfully and set the value to print the response in the console. Drag aLog.write
function below the functionApp.setComponentValue
as well to print the result in the console.
Result
The image component will display the barcode generated if the function is executed successfuly and the console will print the base64 string of the image if the function is not executed successfully.
Last updated