HTML Header

Mobile Client Header

You can add scripts, stylesheets, and other content to the launchpad header tab. Avoid adding launchpad-specific CSS here, as you should use the Global Style tab for this. Any CSS added to Global Style is automatically added at the bottom below all SAPUI5 library code

Header content dependent of UI5

To add content that relies on SAPUI5 files, use an attachInit event handler to start the process when all UI5 library files have been loaded. Get the header tag and add your files to the header.

This will ensure that your files are below the UI5 files and the content will be loaded after the UI5 content.

Script example:

<script>
    sap.ui.getCore().attachInit(function() {
        var head  = document.getElementsByTagName("head")[0];
        var script  = document.createElement("script");
        script.type = "text/javascript";
        script.src = "https://unpkg.com/axios/dist/axios.min.js";
        head.appendChild(script);
    });
</script>

Stylesheet example:

<script>
    sap.ui.getCore().attachInit(function() {
        var head  = document.getElementsByTagName("head")[0];
        var link  = document.createElement("link");
        link.rel  = "stylesheet";
        link.type = "text/css";
        link.href = "/neptune/public/application/neptune_launchpad_standard/css/app.css";
        head.appendChild(link);
    });
</script>