Show TOC

Customizing the Mobile HeaderLocate this document in the navigation structure

Use

The Enterprise Portal Client Framework (EPCF) API provides methods that enable you to customize the header of the mobile framework pages.

You use the following command:

EPCM.getSAPTop().MFP.Components.UIController.<methodName>();

The following methods are available:

Method

Description

showActionBarButton

hideActionBarButton

Shows or hides the action button.

You can also show or hide the action button by using the Framework Page Configuration tool, as described in Configuring Properties of Mobile Framework Pages .

addActionButton

Adds a button that triggers an action to the header of the Tablet Framework Page .

You can add up to two buttons to the left of the default action button in the header.

Example

EPCM.getSAPTop().MFP.Components.UIController.addActionButton({action: function(){alert("Additional button")} , className:"myIcon"})

  • action - specifies the JavaScript function to trigger when you click the button

  • className - specifies a CSS class name that defines the icon for the button

getHeaderTitle

setHeaderTitle

Gets or sets the title of the header.

The setter function expects a string parameter.

getBackTitle

setBackTitle

Gets or sets the title of the back button.

The setter function expects a string parameter.

getBackTarget

setBackTarget

Gets or sets the target to which the back button navigates.

The setter function expects a string parameter.
More Information