[AFP] AFPisLoaded event never raised. L-Shape API problem (undefined)

Hi experts,

In order to customize the Portal 7.3 masthead I'm following tutorial How To Apply Custom Branding Using the AJAX Framework L-Shape APIs.

My starting point for developing masthead is the original standard Masthead project copied from Portal's file system.

Just as it's said in the tutorial at the top of my Masthead.jsp I've inserted the code:

EPCM.subscribeEventReliable('urn:com.sapportals:navigation',        'AFPisLoaded',                function _afpLoaded() {                    console.log('AFPisLoaded');                    LSAPI.AFPPlugin.service.initAjaxFrameworkPage();                }            );

Tutorial stays that:

Once the Ajax Framework is ready for use, the AFPisLoaded event will be raised and you can start using the Ajax Framework APIs.

But the problem is AFPisLoaded event is never raised!

So in the end Ajax Framework is not ready for use and every time I'd like to use L-Shape API:

LSAPI_suggestionPlugin.getSuggestions(term, drawQLMenu);

...I got the error:

SCRIPT5009: 'LSAPI_suggestionPlugin' is undefined

Do you have any idea what should I do?

Would appreciate any help!!

Thanks in advance,

Daniel

P.S. I've added AFP Resources to the page with my masthead as described in note 1612008 but it didn't help.