Forum Discussion
emalzer
Nimbostratus
NimbostratusAPM Modern Customization - modify Header in user-common.js and form in user-logon.js
Hi! I try to customize the modern logon pages and as I have multiple pages so I want to modify the header section in the user-common.js and the single logon pages in the user-logon.js files. I some...
emalzerNimbostratus
Nimbostratushey!
thanks, I already identified the elements I need to change and use the getElementsByClassName already in the code (see above).
I just dont't know how to modify the header section via user-common.js and the content section via the user-logon.js with react/preact framework.
- zamroni777
Nacreous
you can try put the the code within window.onload to make sure the code in executed when the page fully are loaded:
https://developer.mozilla.org/en-US/docs/Web/API/Window/load_event"use strict";
window.onload = async function() {
....your js codes here...
}
and in your user-logon.js, the content object is replaced with newly created element.
so the next lines actually doesnt modify document.getElementsByClassName('apmui-content')[0]var content = document.getElementsByClassName('apmui-content')[0];
var content = document.createElement('div');
you can add console.log(content) to see the object details Devtool's Console tab.
