UI Configuration

When customizing UI for web or app development, it is crucial to consider the layout, aesthetic elements, and methods for enhancing user interactivity and usability.

Branding

Consider implementing modular layouts to efficiently organize the user interface by creating reusable components such as headers, footers, navigation, and sidebars, which can be easily repositioned or rearranged.

  • Logo: Enabled the Logo.
"header": {
	"hide": false,
	"logo": "https://yourdomain.com/logo.png"
},
Logo

Logo Enabled.

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

Logo Disabled.

  • Header: Enabled and disabled the entire header to the customers.

Header Enabled

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

Header Disabled

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

Header Enable and Disabled.

  • headerLeft: Enabled/disabled the left portion of the header to the customers.

HeaderLeft Enabled

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

HeaderLeft Disabled

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

Left Enable and Disable.

  • headerExit: Disabled/enabled “Close” control in the left portion of the header. “Back” control is still available to the customers.

HeaderExit Enabled

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

HeaderExit Disabled

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

Header Exit.

  • headerCenter: Enabled/disabled the center portion of the header to the customers.

HeaderCenter Enabled

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

HeaderCenter Disabled

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

Center Enable and Disable.


  • headerRight: Enabled/disabled the right portion of the header to the customers.

HeaderRight Enabled

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

HeaderRight Disabled

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

Right Enable and Disable.


  • Footer Logo: Enabled/disabled the footer logo for the customers.

Footer Logo Enabled

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

Footer Enable/ Disable.

  • Progress: Enabled/disabled the bars displayed at the top during the document scan or Taking Selfie screens.

Progress Enabled

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

Progress Enable.


Progress Disabled

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

Progress Disable.