Developer

Customizing the Registration Screen

Customize the Registration screen by changing the background image, copyright text and field visibility.

You can customize the appearance of the Registration screen in your Custom Fiori Client and Kapsel applications. This is done by modifying field visibility, text fields and background images.

Customizable fields

In Custom Fiori Client and Kapsel applications you can customize the appearance of the following properties.

Field

Description

Syntax

Background Image

Specify the path to the background image used for logon/registration screen.

"backgroundImage": "img/background.jpg"
Hide Copyright Logo

Specify a boolean value to hide the logo and copyright text in the footer of the screen.

true:Hides the copyright logo and text.

false:Displays the copyright logo and text.

"hideLogoCopyright": false

Customize Copyright Logo

Specify the path to the logo image displayed in the footer.

"copyrightLogo": "img/sapLogo.png"

Copyright Text

An array of 2 strings to specify 2 lines of copyright text in the footer.

"copyrightMsg": ["Copyright © 2016 SAP SE.", "All rights reserved."]

Passcode Screen

Specify a boolean value to disable the passcode screen.

true:Hides the passcode screen.

false:Displays the passcode screen.

"disablePasscode": false

Modifying the context variable in Kapsel applications

In Kapsel applications, you can modify the context variable that is passed into sap.Logon.init function. Go to the <Project Name>/www folder and open the file where you want to add the JavaScript, for example, index.html.

var context = {
	"serverHost": smpServerHost,
	"https": smpServerProtocol == "https",
	"serverPort": smpServerPort,
	"custom":{
		"backgroundImage": "img/background.jpg",
		"hideLogoCopyright": false,
		"copyrightLogo": "img/sapLogo.png",
		"copyrightMsg": ["Copyright © 2016 SAP SE.", "All rights reserved."],
		"disablePasscode": false
		}
	}; 

Hiding fields in Kapsel Applications

In the Kapsel applications, there are some additional fields that can be hidden by modifying the context variable. Add the hiddenFields property to the context variable.

Field

Description

Syntax

Server Port

A field to specify the server port.

"serverPort"
Resource Path

A field to specify a path to resource files.

"resourcePath"

Farm ID

A field displaying the company identifier.

"farmID"

Security Configuration

A field that can specify the security configuration.

"securityConfig"

User

A field to specify the user.

"user"

Password

A field to specify the user's password.

"password"

https

A field displaying the server protocol.

"https"

Server Host

A field to specify the server host.

"serverHost"