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" |