Customization

Customization of the File Uploader Widget component.

Customization of the File Uploader Widget

The File Uploader component is easily customizable through CSS variables and some properties.

---

Style customization

Selphi and SelphID Widgets can be customized with the following CSS variables applied to the tag facephi-sdk-provider. Check the full list of CSS variables on the page Customization of the SDK Provider CSS.

---

Text configuration

The component's default texts can be replaced by using a file JSON of custom language referenced in the property language in the SDK Provider element (facephi-sdk-provider).

<facephi-sdk-provider
  language={'/i18n/custom-strings.json'}
  ...
></facephi-sdk-provider>

If any string is missing, the widget will not load any text in that place.

See the information regarding literal configuration in the SDK Web customization.

---

Customization of graphic resources

The file loading animation can be replaced using the property customAnimations in the SDK Provider with a path to the file in the attribute loadingFile of fileUploader.

<facephi-sdk-provider
  customAnimations={{
    fileUploader: {
      loadingFile: '/assets/anim/loading-file.gif',
    }
  }}
  ...
></facephi-sdk-provider>