Show TOC

 UI Framework

 

Technical Data

Technical Name of Business Function

UI_FRW_1

Type of Business Function

Enterprise Business Function

Available As Of

SAP Enhancement Package 1 for SAP CRM 7.0

Technical Usage

CRM Core

Application Component

WebClient UI (CA-WUI)

Directly Dependent Business Function Requiring Activation in Addition

UI Framework Documentation (UI_FRW_1_DOCU)

You can use this business function to improve the WebClient UI framework by using the following:

  • Icon management with personalization of icons on home pages, work center pages, and report pages along with Customizing of icons for business roles

  • Customer-specific Cascading Style Sheet (CSS) support and JavaScript (JS) support including logo and icon exchange

  • Authorizations for export to spreadsheet

Integration

The business function UI Framework (UI_FRW_1) is related to the business function UI Framework Documentation (UI_FRW_1_DOCU).

Prerequisites

You have installed the following components as of SAP enhancement package 1 for SAP CRM 7.0:

Type of Component

Component

Is Needed Only for the Following Features

Software Component

WEBCUIF

ABAP Software Component

BBPCRM 701

Features

Icon Management and Personalization

You can personalize icons in content blocks on home pages, work center pages, and report pages. You can select the icons in a dropdown list box in the content block header if you are in the personalization mode. If you do not want to use any icon in a content block, you can select a blank entry instead.

You can configure icons in the navigation bar of the WebClient UI. If you select your business role in business role Customizing in the WebClient UI, you can see the icons that are currently assigned, in the Direct Link Groups assignment block. When you change to edit mode, you can choose icons in a dropdown list box and see how the selected icons look in the different skins of the WebClient UI.

For more information, see Icon Personalization.

Cascading Style Sheet and JavaScript Support

You can add your own Cascading Style Sheet (CSS) files and JavaScript (JS) files on top of the CSS and JS files that are delivered by SAP.

Instead of copying and pasting an existing skin and then adapting the copied skin to your requirements, you can simply create a CSS file. You can then change, for example, the styles that are used to change the background color of an input field. You can also change the image at the top of the navigation bar, or the highlighting of navigation bar links.

Instead of changing backend files, you can simply create a JS file and, for example, change quick info texts or create your own mini-calendar, which is started when you click the date selection icon.

For more information, see CSS Files and JS Files.

Authorization for Export to Spreadsheet

You can authorize the export to spreadsheet in the WebClient UI. To authorize the export to spreadsheet, you can use authorization object S_GUI in SAP GUI. This authorization object is assigned to authorization role SAP_CRM_UIU_FRAMEWORK, which is delivered in the standard system. You can disable the export to spreadsheet for individual users by removing the authorization object. You can also disable the authorization for the export to spreadsheet on business role level in Customizing.

For more information, see Export to Spreadsheet.

Tables

In the table personalization, you can save several personalized views for tables. You can switch the table view using a dropdown list in the table toolbar.

For more information, see Table Personlization.

You can define whether and how many columns are fixed when horizontal scrolling is used in tables and trees. For more information, see Tables.

Groups of Rows in Advanced Search

When there are a large number of search criteria rows that have been created by pasting multiple search criteria, successive rows that have the same attribute and the same operator are grouped. These rows are collapsed and appear with an arrow icon next to the root row.

For more information, see Advanced Search.

New Tile Layout

You can insert an assignment block within a tile or move it between tiles by using drag and drop or by choosing the Move pushbutton on the left of the corresponding tile. For more information, see Overview Pages with Tile Layout.