APM Advanced Customization Examples with Modern Template, v15.1+

Articles F5 Technical Articles
, ,
21

Dear PSilva

I have added div to JS file like below and added CSS to the div

thank you for your time and support

var divlogo = document.createElement(“div”);
divLogo.id = “logo”;
document.body.appendChild(divLogo);
var img = document.createElement(“img”);
img.setAttribute(“src”, “logo.png”);
divLogo.appendChild(img);

1 Like
22

We’ll pass this on!

ps

23

Can someone share the templates? The old link is dead.

24

I would like to do Pin Pad Web Customizing.
Could you please tell me how to do it?

25

The method to change the logon page to a PIN pad outlined in this article, in Example 4.

26

Example 4 only says that Preact and CSS are used, and there is no explanation as to which CSS syntax should be applied to which CSS, how to use Preact, etc.

I’m not a web designer or developer, so I don’t really know what Preact is.

Could you please tell me some details?

27

Hello! how do I get an authorized user’s email on the webtop page? Via the user-webtop file.js in the store object - this data is missing, session is an empty string. Thanks

import { App, EventType, PageType } from 'apmui';
const app = App.get();

app.subscribe(EventType.WEBTOP_CONFIGURATION_COMPLETE, (_, store) => {
    if (store.pageType !== PageType.WEBTOP) {
        return;
    }

    const session = '%{session}';
    const sessionJSON = JSON.stringify('%{session}', null, 2);

    console.log({ store, session, sessionJSON });
});

28

Is there any example on how to modify the header / footer via the user-common.js and modify the form in the corresponding user-logon.js? Any hint on how to do that is very much appreciated - see APM Modern Customization - modify Header in user-common.js and form in user-logon.js - Technical Forums - DevCentral - An F5 Technical Community