change Fiori launchpad title

[richard_pietsch]

Hi all,
when starting fiori launchpad the browser title is given with a default (must be "home" in EN, in DE it is "Startseite"). I would like to know where I can change this.

I tried add some piece of code as outlined here in the fiorilaunchpad.html. When I start the launchpad first it generates my custom page title. But as soon as the content (all groups and tiles) are getting loaded the page tile is set again back to its default.
When I check within the IE dev tools I can see a complete different html content loaded than the fiorilaunchpad.html. What's the source of this generated code? I assume there's also a BSP component behind where translateble fields are stored in the i18n.properties...

Regards, Richard

[thomas_arnesen]

Hi there

We faced the same issue and created a shell plug-in where we changed the window title using i18n.

window.document.title = this.getModel("i18n").getProperty("headerTitle");

That way we didn't have to change the SAP files. The title change is only applied when the shell plug-in is loaded though so it will briefly say "Home" on loading, but we can live with that.

Some more details here:

Configuring a Shell Plugin App

Regards,
Thomas

[fabian_gagel1]

Hi Thomas,

do you have more details on this? I would be interested in such a way of changing the title for different instances without editing the original SAP files.

Thanks an best regards,
Fabian

[thomas_arnesen]

Hi there. It's quite easy to do, but I'm not sure if it covers your specific requirements.

You create a project like any other SAPUI5 application and put your code into the Component.js:

Component.js (pseudo-code):
init: function(){
    // Call one time, at initialization
    this._setDocumentTitle();

    // Call every time returning from an app back to launchpage.
    sap.ui.getCore().getEventBus().subscribe("sap.ushell", "appClosed", function () {
        this._setDocumentTitle();
    }.bind(this), this);
},

_setDocumentTitle: function(){
    // window.document.title = "My Title shown in browser tab";
    window.document.title = this.getText("headerTitle");
}

Deploy the plugin project to the gateway and configure a target mapping that is added to the user through a Category. The semantic object for the target mapping must be "Shell" and its action "plugin". Configure the target mapping as a "SAPUI5 Fiori App", title "Plugin", URL to where you deployed it (e.g. /sap/bc/ui5_ui5...), and ID as your plugin projects namespace (e.g. com.example.mypluginname).

Regards,
Thomas