How to customize Administration and Monitoring Console login page

Question

How to customize Administration and Monitoring Console login page?

Answer

Note: It is highly recommended not to change any functional parts of the code. Only adding or removing UI elements are allowed.

In order to customize Administration and Monitoring Console login pages, it is required to perform changes in JS files. There are two login pages: the general login page and the tenant one. For the general login page, the \inetpub\wwwroot\FlexiCapture12\Login\Scripts\Pages\LoginPage.js file should be edited, for the tenant one, the \inetpub\wwwroot\FlexiCapture12\Login\Scripts\Pages\LoginTenantPage.js file should be edited.

Since login pages use JS, the page content will be displayed after all scripts run. Any changes performed before full page loading do not make any sense. Therefore it is needed to use EventListener. The sample can be found below:
```
window.addEventListener("load", function(){
  //your code here
});
```
DOM elements is found by any of standard js methods, such as getElementsByClassName, getElementByName, getElementById. The simplest way is to use the remove() method.

For example, if it is needed to remove the Registration link from the login page, the code will look like this:
```
window.addEventListener("load", function(){
   var registration = document.getElementsByClassName("link"); 
   registration[0].remove();
});
```

The same actions should be performed for the tenant Login Page, but the code should be written into the LoginTenantPage.js file.

Comments

1 comment

David Frontiñán

January 10, 2022 14:17
This solution is not valid in IExplorer, if you use
" /*DISABLE RGISTRATION LINK*//
window.addEventListener("load", function(){
$("a").remove(".link")
});" instead, it works in all common browsers (tested on iexplorer, firefox and chrome/edge)

0

Please sign in to leave a comment.