Skip to content

Barcode Actions#

Screenshot showing a barcode with its corresponding ID displayed.

Overview#

The Barcode Actions widget provides a simple way for you to scan barcodes (line or QR codes) that match specific objects within the system. The available objects that can be matched are:

  • Material
  • Resource
  • Container

Screenshot showing a barcode widget.

For more information on how the system uses barcodes, see Barcode Identification.

General Steps#

To use the Barcode Actions widget in a UI Page, follow the steps below:

  1. In any UI Page in Build mode, select the Barcode Actions from the widgets list located on the left side of the page; drag and drop to the desired place in the UI Page.
  2. Enter the Settings section of the widget through the three vertical dots.
  3. In the General tab, provide a name and a description for the widget. Use the toggle buttons to specify whether the widget should be visible, display the header, or allow full screen mode. Additionally, determine if the widget can be opened as an image in a new tab or exported as an image.

Screenshot showing barcode settings.

Widget Customization#

  1. Optionally, in the Style tab, you can define a Border Width and Color.

    Diagram showing a widget customization interface with a border width and color setting.

  2. In the Entities tab, provide the Entity Type and the property that should be matched when the barcode is read.

    Screenshot showing a barcode entity configuration with fields for Entity Type and Property.

  3. In the Actions tab, you can add as many properties as desired by selecting the button. Properties can be removed by pressing the button. For each property, you need to specify the following:

    • System Action Button - Select the action that the button will perform.
    • System Action - Automatically determined based on the chosen system action button.
    • Reset Entities on Success - Indicate whether to reset the entities upon successful completion.
    • Text - The text to display on the action button.
    • Icon - The icon to use for the action button.
    • Security Feature - A security feature that restricts access to users without the specified feature. This is a free text entry but must exist in the system. For more information, see Features.

    Screenshot showing a widget customization interface with a field labeled "Security Feature" and a related barcode action area.

  4. Optionally, define the Links between this widget and other elements of the UI Page.

    Screenshot showing settings for linking widget to other elements on the UI page.

  5. Select Save and Close to complete the widget configuration.

Real Use Case#

To help you take full advantage of the Barcode Actions widget, the following scenario demonstrates how to connect a Barcode Actions widget and a Form widget with a Barcode task.

  1. Configure the Barcode Actions widget, namely defining the Entities and the Actions to be performed, as shown below.

    Screenshot showing a configuration screen for the Barcode Actions widget with fields labeled "Entities" and "Actions".

    Screenshot showing configuration options for the Barcode Actions widget, including entities and actions.

  2. Next, configure the Barcode task. For more information, see Data Source.

    Data Source Barcode Settings

  3. Configure the Form widget by adjusting the General Settings and defining the Fields as displayed below. For more information on this widget, see Form.

    formGeneral

    formFields

  4. Connect the widgets and tasks using the Links diagram as shown below. For more information on using the Links diagram, see Design UI Page.

    formFields

  5. The final result should look like this.

    formFields