Add a Business Card Reader Widget

About this task

Use the Business Card Reader widget to quickly scan any business card to your form. Eliminate the time and effort required to copy information from business cards into your system. The Business Card Reader widget uses Optical Character Recognition (OCR) to translate visual information from a camera image or stored picture into written content. It is also possible to manually enter contact information when you do not have a business card.

The Business Card Reader widget captures the following contact information fields:
  • Name
  • Title
  • Phone
  • Email
  • Company
The raw data gathered by the reader is also viewable on demand.

Procedure

  1. In the Canvas, open the Widgets tab.
  2. Drag the Business Card Reader widget onto the app canvas.
    Business Card Reader widget in the Widgets tab
  3. In the Business Card Properties panel, enter an ID and Name for the widget or keep the defaults.
  4. In Color Scale, use the color picker to select a background color for the widget.
  5. In the Text Formatting section, change the default formatting settings for text.
  6. Optional: Add a visibility rule to the widget.
    Use visibility rules to control when a widget is visible to the app user. For example, you can create a condition that a widget should only appear after the app user fills in a field or submits a form.
    1. Select Visibility Rule to open the Set Visibility Rule dialog box.
    2. Select whether the visibility rule requires meeting all or any conditions.
    3. From the Field list, select an app field or variable and an operator. Enter the value required for the widget to be visible.
    4. Select Add Condition to add another condition.
    5. Select Save.
  7. Move to the Format tab to customize the widget's appearance.
  8. Optional: Add events and actions to the widget.
    Events are activities that you can set to trigger an Action. For example, you can configure a widget to navigate to a new section in the app when selected by the user.
    Important: Events and actions offer a wide range of combinations. The following steps are guidelines only. Replace the listed events and actions with ones that suit your app's needs and structure.

    Learn more about available events and actions at Events and Actions.

    1. Move to the Events tab.
      Events tab in Widget configuration panel
    2. Choose the On Capture event and then select Add beside Actions.
    3. Select an action such as Run Javascript and configure the action. Select Add to apply it to the widget.
    4. Select Save to save the action.
    5. Repeat for any more actions and return to the Widget Properties tab.
  9. Select Save in the SOTI Snap banner to apply your changes.
    Save app button