Web Demos

BARCODE READER SDK DEMO

Explore the flexibe barcode reading settings to optimize for your specific usage scenario.

WEB TWAIN SDK DEMO

Try the most popular web scanner features: scan images, import local images and PDF files, edit, save to local, upload to database, and etc.

BARCODE READER JAVASCRIPT DEMO

Transform any camera-equipped devices into real-time, browser-based barcode and QR code scanners.

MRZ SCANNER WEB DEMO

Detects the machine-readable zone of a passport, scans the text, and parses into human-readable data.

APP STORE DEMOS

BARCODE READER SDK FOR IOS

BARCODE READER SDK FOR ANDROID

VIEW MORE DEMOS >
Dev Center
Table of contents

UI Customization

How can I change the display language of all messages from English to another language?

You can customize the display language in dynamsoft.webtwain.config.js by changing the values of the properties of the Dynamsoft.DWT.CustomizableDisplayInfo object.

Dynamsoft.DWT.CustomizableDisplayInfo = {
  errorMessages: {
    // launch
    ERR_MODULE_NOT_INSTALLED:
      "Error: The Dynamic Web TWAIN module is not installed.",
    ERR_BROWSER_NOT_SUPPORT: "Error: This browser is currently not supported.",
    ERR_CreateID_MustNotInContainers:
      "Error: Duplicate ID detected for creating Dynamic Web TWAIN objects, please check and modify.",
    ERR_CreateID_NotContainer:
      "Error: The ID of the DIV for creating the new DWT object is invalid.",
    ERR_DWT_NOT_DOWNLOADED:
      "Error: Failed to download the Dynamic Web TWAIN module.",

    // image view
    limitReachedForZoomIn: "Error: You have reached the limit for zooming in",
    limitReachedForZoomOut: "Error: You have reached the limit for zooming out",

    // image editor
    insufficientParas: "Error: Not enough parameters.",
    invalidAngle: "Error: The angle you entered is invalid.",
    invalidHeightOrWidth: "Error: The height or width you entered is invalid.",
    imageNotChanged: "Error: You have not changed the current image.",
  },

  // launch
  generalMessages: {
    checkingDWTVersion: "Checking WebTwain version ...",
    updatingDService: "Dynamsoft Service is updating ...",
    downloadingDWTModule: "Downloading the Dynamic Web TWAIN module.",
    refreshNeeded: "Please REFRESH your browser.",
    downloadNeeded: "Please download and install the Dynamic Web TWAIN.",
    DWTmoduleLoaded: "The Dynamic Web TWAIN module is loaded.",
  },

  customProgressText: {
    // html5 event
    upload: "uploading...",
    download: "Downloading...",
    load: "Loading...",
    decode: "Decoding...",
    decodeTIFF: "Decoding tiff...",
    decodePDF: "Decoding pdf...",
    encode: "Encoding...",
    encodeTIFF: "Encoding tiff...",
    encodePDF: "Encoding pdf...",

    // image control
    canvasLoading: "Loading ...",
  },

  // image editor
  buttons: {
    titles: {
      previous: "Previous Image",
      next: "Next Image",
      print: "Print Image",
      scan: "Acquire new Image(s)",
      load: "Load local Image(s)",
      rotateleft: "Rotate Left",
      rotate: "Rotate",
      rotateright: "Rotate Right",
      deskew: "Deskew",
      crop: "Crop Selected Area",
      cut: "Cut Selected Area",
      changeimagesize: "Change Image Size",
      flip: "Flip Image",
      mirror: "Mirror Image",
      zoomin: "Zoom In",
      originalsize: "Show Original Size",
      zoomout: "Zoom Out",
      stretch: "Stretch Mode",
      fit: "Fit Window",
      fitw: "Fit Horizontally",
      fith: "Fit Vertically",
      hand: "Hand Mode",
      rectselect: "Select Mode",
      zoom: "Click to Zoom In",
      restore: "Restore Orginal Image",
      save: "Save Changes",
      close: "Close the Editor",
      removeall: "Remove All Images",
      removeselected: "Remove All Selected Images",
    },
  },

  dialogText: {
    dlgRotateAnyAngle: [
      "Angle :",
      "Interpolation:",
      "Keep size",
      "  OK  ",
      "Cancel",
    ],
    dlgChangeImageSize: [
      "New Height :",
      "New Width :",
      "Interpolation method:",
      "  OK  ",
      "Cancel",
    ],
    saveChangedImage: [
      "You have changed the image, do you want to keep the change(s)?",
      "  Yes  ",
      "  No  ",
    ],
    selectSource: [
      "Select Source:",
      "Select",
      "Cancel",
      "There is no source available!",
    ],
  },
};

For the Dynamsoft Service installation message below, you can customize the display language by searching for ‘Dynamsoft._show_install_dialog’ in dynamsoft.webtwain.install.js, and changing the display language accordingly.

install dialog

Is this page helpful?

YesYes NoNo

In this article:

latest version

    • Latest Version
    • Version 17.2.1
    • Version 17.1.1
    • Version 17.0
    • Version 16.2
    • Version 16.1.1
    Change +
    © 2003–2022 Dynamsoft. All rights reserved.
    Privacy Statement / Site Map / Home / Purchase / Support