Skip to Content
Author's profile photo Sunil Varma Chintalapati

Implementing Custom Header for SAP.UI.UNIFIED.SHELL

I’m writing this blog to showcase a scenario of adding a custom header to

sap.ui.unified.Shell control.

Unified Shell control does not straight away provide a Header Title property.Also the shell is divided into areas like the menu button towards the left, search bar in the Centre and User specific items at right hand side.

Generally we come across a scenario where we need to add a Title for the shell for example, Organisation Name (“SAP”) or Application Name (myTimeSheets) or so.

We can make use of Search area of the unified shell to display Title.

Here is the code snippet of the view.

<core:View xmlns:core=”sap.ui.core”

<u:Shell>

…..

<u:search textAlign=”Center”>

<Title text=”DASHBOARD” ></Title>

</u:search>

….

</u:Shell>

</core:View>

Happy coding…

Assigned Tags

      2 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Deepthi Chembeti
      Deepthi Chembeti

      good one...

      Author's profile photo Former Member
      Former Member

      Would it be possible to align this Text "DASHBOARD" to the right ? I tried using the Syntax

      <u:search textAlign=”Left”>

      But it doesnt seem to work .

      Any help in this direction would be appreciated.

      Thanks.

      Regards

      Shadab .