How to custom fiori launchpad header

Question

I am working on a fiori project. I'd like to custom the header of fiori launchpad. These are what I want. See screenshot below.

1. Add a dynamic title to launchpad header.
2. Add an item options menu.
3. When click the item, show a select dialog contains a list.
4. When select one item of the list, change the dynamic title and refresh the tiles base on the selected item.

I have got some information about Adding and Removing Custom items to the options menu. But, where to place the code?

Answer 1

Here it says: “You can add these lines in component.js file of your app. You may surround them with a try-catch statement, to handle situation when your app runs outside of Fiori Launchpad (and rendererExt cannot be instantiated).”

Extending Fiori Launchpad might also be helpful.