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: Disabled the Logo.

"header": {
	"hide": true,
	"logo": "https://yourdomain.com/logo.png"
},

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

Header Enabled

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

Header Disabled

"theme": {
	"header": false,
   }, 

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

HeaderLeft Enabled

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

HeaderLeft Disabled

"theme": {
	"headerLeft": false,
   }, 

• 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,
   }, 

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

HeaderCenter Enabled

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

HeaderCenter Disabled

"theme": {
	"headerCenter": false,
   }, 

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

HeaderRight Enabled

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

HeaderRight Disabled

"theme": {
	"headerRight": false,
   }, 

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

Footer Logo Enabled

"footer": {
		"hide": false,
		"hideLogo": false
},

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

Progress Enabled

"theme": {
	"progress": true,
   }, 

Progress Disabled

"theme": {
	"progress": false,
   },