Each string of the Angular DocumentViewer can be translated or modified including all tooltips, statusbar strings and dialog boxes. Additionally, the strings that are displayed to guide users through a signature process can be modified.

In order to translate the strings of the Angular DocumentViewer, the resources can be directly given in the resources attribute of the component module.

The following code shows how to change the button text of the NEXT button when a signature is requested:

<tx-document-viewer
  width = "800px"
  height = "800px"
  basePath = "https://backend.textcontrol.com?access-token=yourtoken"
  documentData = "PGh0bWw+PGJvZHk+PHA+VGVzdDwvcD48L2JvZHk+PC9odG1sPg==" 
  dock = "Window"
  [toolbarDocked] = "true"
  documentPath = "test.docx"
  [isSelectionActivated] = "true"
  [showThumbnailPane] = "true"
  [resources] = "{ TX_SIGNATURE_GREETING_NEXT_BTN_TEXT: 'Please click here to continue' }">
</tx-document-viewer>

The resources attribute accepts an array of key/value pairs. You can change all strings or just some required strings. The following sample changes the keys TX_PAGE and TX_PAGE_OF to Spanish:

<tx-document-viewer
  width = "800px"
  height = "800px"
  basePath = "https://backend.textcontrol.com?access-token=mWSLUkSmxgWH3Rt6sKvS"
  documentData = "PGh0bWw+PGJvZHk+PHA+VGVzdDwvcD48L2JvZHk+PC9odG1sPg==" 
  dock = "Window"
  [toolbarDocked] = "true"
  documentPath = "test.docx"
  [isSelectionActivated] = "true"
  [showThumbnailPane] = "true"
  [resources] = "{ 
      TX_PAGE: 'Página', 
      TX_PAGE_OF: 'de' }">
</tx-document-viewer>

The following table lists all keys and their original values that can be modified using the described approach: