Skip to content

Toolbar

  • Change the size of the toolbar (the area where the buttons are located):
DocumentReader.setConfig({
    customization: {
        toolbarSize: 46.0
    },
}, function (m) { }, function (e) { console.log(e); });

Torch

  • Show/hide the Torch icon:
DocumentReader.setConfig({
    functionality: {
        showTorchButton: true
    },
}, function (m) { }, function (e) { console.log(e); });
  • Change the Torch icon for both ON and OFF states:
DocumentReader.setConfig({
    customization: {
        torchButtonOnImage: "Base64String", //For the ON state
        torchButtonOffImage: "Base64String" // For the OFF state
    },
}, function (m) { }, function (e) { console.log(e); });

Close

  • Show/hide the Close icon:
DocumentReader.setConfig({
    functionality: {
        showCloseButton: true
    },
}, function (m) { }, function (e) { console.log(e); });

Info

You can close the camera view manually by using the stopScanner() function.

  • Change the Close icon:
DocumentReader.setConfig({
    customization: {
        closeButtonImage: "Base64String"
    },
}, function (m) { }, function (e) { console.log(e); });

Capture

Tapping the Capture button enables taking a picture and processing it as a single frame.

  • Show/hide the Capture button:
DocumentReader.setConfig({
    functionality: {
        showCaptureButton: true
    },
}, function (m) { }, function (e) { console.log(e); });
  • Set a time interval between the document detection moment and the Capture button appearance. By default, it is 5 seconds:
DocumentReader.setConfig({
    functionality: {
        showCaptureButtonDelayFromDetect: 5
    },
}, function (m) { }, function (e) { console.log(e); });
  • Set a time interval between the scanning process start and the Capture button appearance. By default, it is 10 seconds:
DocumentReader.setConfig({
    functionality: {
        showCaptureButtonDelayFromStart: 10
    },
}, function (m) { }, function (e) { console.log(e); });
  • Change the Capture icon:
DocumentReader.setConfig({
    customization: {
        captureButtonImage: "Base64String"
    },
}, function (m) { }, function (e) { console.log(e); });

Camera Frame Switch

  • Show/hide the Change Frame icon:
DocumentReader.setConfig({
    functionality: {
        showChangeFrameButton: true
    },
}, function (m) { }, function (e) { console.log(e); });
  • Change the Change Frame icon for both ON and OFF states:
DocumentReader.setConfig({
    customization: {
        changeFrameButtonExpandImage: "Base64String", //For the ON state
        changeFrameButtonCollapseImage: "Base64String" // For the OFF state
    },
}, function (m) { }, function (e) { console.log(e); });

Camera Switch

  • Show/hide the Switch Camera button:
DocumentReader.setConfig({
    functionality: {
        showCameraSwitchButton: true
    },
}, function (m) { }, function (e) { console.log(e); });
  • Change the Camera Switch icon:
DocumentReader.setConfig({
    customization: {
        cameraSwitchButtonImage: "Base64String"
    },
}, function (m) { }, function (e) { console.log(e); });

Next Steps