MobbScan Web: Customize UI · Mobbeel for developers

Introduction

MobbScan renders its own user interface (UI). However, some of its elements are customizable.

Hiding elements

Mobbscan UI is rendered with plain HTML elements, so they can be located in the DOM with a tool like Chrome Dev Tools and toggle their visibility using CSS or Javascript.

For example, if the UI elements of the face scan should only be shown once the document has been detected, it can be done as follows:

$('#msw-div-documents').hide();
$('#msw-div-face').show();
$('#face-content').show();

Customizing messages

During the scan process, there is an HTML element under the webcam viewport which shows information messages. These messages can be customized at any point using the following methods:

Customize document front side subtitle

MobbScanAPI.setSubtitle(MobbScanDocumentSide.FRONT, text);

Customize document back side subtitle

MobbScanAPI.setSubtitle(MobbScanDocumentSide.BACK, text);

Customize face subtitle
```
MobbScanAPI.setSubtitle('FACE', text)
```