Configure the HTML Header

In the launchpad header tab, you can add scripts, stylesheets and other relevant content, that should be included in the launchpad HTML header area.

Launchpad Header

In the launchpad header tab, you can add scripts, stylesheets and other relevant content, that should be included in the launchpad HTML header area.

Launchpad specific CSS should NOT be added in the header tab, use the dedicated "Global Style" tab for this. CSS added to the "Global Style" will automatically added to the bottom below all SAPUI5 library code.

Header content dependent of OpenUI5

The SAPUI5 files are loaded asynchronously, the UI5 framework will add content dynamically to the end of the HTML header tab. So, if you intend to add content that relies on SAPUI5 files, you need to do that too!

Start with 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. Then your files will be below the UI5 files and the content will be loaded after the UI5 content.

<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>