UI Customization Options

For the standard out-of-the-box UI, authID offers the following customization options:


logo

Allows to display custom logo in the header. By default, the authID logo is displayed.

Default logo enabled:

"header": {
	"hide": false,
	"logo": ""
},
Logo

Default logo enabled.

Logo disabled:

"header": {
	"hide": true,
	"logo": "https://yourdomain.com/logo.svg"
},
Logo Disabled.

Logo disabled.


header

Enables/disables the entire header.

Header enabled:

"theme": {
	"header": true,
   }, 

Header disabled:

"theme": {
	"header": false,
   }, 
Header Enable and Disabled.

Header enabled / disabled.

headerLeft

Enables/disables the controls in the left side of the header.

Left control in the header enabled:

"theme": {
	"headerLeft": true,
   }, 

Leftr control in the header disabled:

"theme": {
	"headerLeft": false,
   }, 
Left Enable and Disable.

Left control enabled / disabled.

headerExit

Enables/disables Close control in the left side of the header. Back control is still available.

Close control enabled:

"theme": {
	"headerExit": true,
   }, 

Close control disabled:

"theme": {
	"headerExit": false,
   }, 
Disables, Hides, and Close.

Header - close control enabled / disabled.

headerCenter

Enables/disables the center part of the header.

Header center enabled:

"theme": {
	"headerCenter": true,
   }, 

Header center disabled:

"theme": {
	"headerCenter": false,
   }, 
Center Enable and Disable.

Center enabled / disabled.


headerRight

Enables/disables the control on the right side of the header.

Right control in the header enabled:

"theme": {
	"headerRight": true,
   }, 

Right control in the header disabled:

"theme": {
	"headerRight": false,
   }, 
Right Enable and Disable.

Right control enabled / disabled.


footer.hide

Enables/disables the "Powered By" footer logo.

Footer logo enabled:

"footer": {
		"hide": false,
		"hideLogo": false,
},
Footer Enable/ Disable.

Footer logo enabled / disabled.

Progress

Enables/disables the progress bars displayed at the top during document scanning and selfie capture screens.

Progress bars enabled:

"theme": {
	"progress": true,
   }, 
Progress Enable.

Progress bars enabled.


Progress bars disabled:

"theme": {
	"progress": false,
   }, 
Progress Disable.

Progress bars disabled.