Objective: To understand and enhance header area of Web UI.

Header area in  CRM Web UI is defined by the layout component. To identify the different components which comprise the header, we can have a look at the Layout component.

Path – IMG > Customer Relationship management > UI Framework > Technical Role Definition > Define Layout Profile.

Screen Shot 2016-04-08 at 11.28.13 AM.png

The Layout Profile would have all the layout components which comprises the Web UI page. This includes Logo Area, Header area and other layout components.

To further get the detailing of the layout component, drill down into the layout component WORKAREA_HEADER.

Path – IMG > Customer Relationship management > UI Framework > Technical Role Definition > Define Layout components.

This will contain the application ID or the Web UI component ID. In this case, component is CRM_WORKAREAHDR.

Screen Shot 2016-04-08 at 11.29.52 AM.png

Component: CRM_WORKAREAHDR

This component contains the header area views and configuration. This component contains views UI_COMPONENT_1, UI_COMPONENT_2, UI_COMPONENT_3.

This UI component can also be used to align and position header elements such as working context, saved search etc.

The positioning, realignment and declaration of this elements is done in UI Configuration of the Component CRM_WORKAREAHDR.

For ex, To display Central Search on right hand side of header area i.e, UI_COMPONENT_3, declare as

UI_COMPONENT_3:Window=CRM_ALLSEARCHES.CRM_ALLSEARCHES/LauncherWindow;horizontalAlignment=right;

We can also provide other header area functionalities, width etc through this method.

To report this post you need to login first.

Be the first to leave a comment

You must be Logged on to comment or reply to a post.

Leave a Reply