UI ConfigTools
Transcript of UI ConfigTools
-
8/10/2019 UI ConfigTools
1/45
UI ConfigurationToolsSAP CRM 2006s
-
8/10/2019 UI ConfigTools
2/45
SAP AG 2007
Content
General
UI configuration tool
Design layer
Customer-specific enhancements
Roles and navigation bar
Further information
-
8/10/2019 UI ConfigTools
3/45
SAP AG 2007
Purpose of this Document
This document will help you: Get an overview of the functions of the UI ConfigTool and Design Layer
Customizing
Learn how to use the UI ConfigTool and Design Layer Customizing in
implementation projects to adjust the CRM WebClient UI Learn how to add customer specific fields to the CRM WebClient UI
-
8/10/2019 UI ConfigTools
4/45
SAP AG 2007
UI Configuration: Overview
A bundle of integrated tools is provided tohelp you adjust the CRM user interface to your
corporate identity.
These tools support the UI configuration in an
efficient and holistic way.
Examples
Add new fields to business objects
Position fields on views
Rename field labels
Use personalization
Define captions
Define navigation bar entries
Create business roles
ToolsTools
BSP WD component
workbench
UI conf iguration too l
Easy enhancement wo rkbench
(EEWB)
Role and n avigat ion bar
customiz ing
Design layer customizing
BSP WD com ponent
workbench
UI conf iguration too l
Easy enhancement wo rkbench
(EEWB)
Role and n avigat ion bar
customiz ing
Design layer customizing
Platzhalter fr Bild
-
8/10/2019 UI ConfigTools
5/45
SAP AG 2007
Layers of
new UI
Framework
From UI Requirement to Technology
Presentation
Layer (BSP)
Layers of
underlying
Business
Application
Requirement Software LayerTool
Tables
Business
Engine API
Interaction
Layer (GenIL)
Business
Layer (BOL)
Graphical UI
ConfigTool
Add new field to UI Layer
Layout change
e.g. move field
CRM Easy
Enhancement
Workbench(EEWB)
Add new field to
Data Model
-
8/10/2019 UI ConfigTools
6/45
SAP AG 2007
UI Configuration Tools: Overview
BSP Component
WorkbenchConfigure buttons
UI Configuration
ToolUse customer specific fields within view configuration
Design Layer
CustomizingImplement same configuration content for several views
Easy EnhancementWorkbenchCreate customer specific fields
UI Configuration
ToolUse parameters to save your configuration
UI Configuration
Tool
Configure views: position fields/columns, add fields/columns
from field set, remove fields/columns, rename labels, set fields
to mandatory/display only, and define load option for blocks and
more
Design Layer
Customizing or
BSP Component
Workbench
Define input helps for customer specific fields
Role CustomizingDefine and copy business roles
ToolTasks
-
8/10/2019 UI ConfigTools
7/45
SAP AG 2007
Content
General
UI configuration tool
Design layer
Customer-specific enhancements
Roles and navigation bar
Further information
-
8/10/2019 UI ConfigTools
8/45
SAP AG 2007
UI Configuration Tool: Overview
Project team members and consultants use the tool as
follows:
Configure pages
Work center pages
Overview pages
Edit pages
Advanced search pages
Configure blocks
Forms
Tables
Trees Configure fields
The CRM UI configuration tool is an easy-to-use tool for adjustingthe CRM standard views to your needs.
-
8/10/2019 UI ConfigTools
9/45
SAP AG 2007
UI Configuration Tool: General Features
General features that are provided by the UI ConfigTool:
Configuration can be stored according to differentiators using the
following parameters:
Configuration key (business role)
Component usage
Application-specific parameters like object type and object subtype
Change and transport system
Changes in the configuration are recorded in change requests
Language support
Configuration (labels, captions) can be translated
Personalization
In addition, the end user can be enabled to personalize objects
Launch UI configuration tool from the BSP WD component workbench
Transaction BSP_WD_CMPWB
-
8/10/2019 UI ConfigTools
10/45
SAP AG 2007
UI Configuration Tool: View Configuration (1)
Adapt the solution even closer to your particular businessand terminology:
Configure form views
Use simple or detailed configuration view
Position fields on the view
Add fields from field set/remove fields Add captions
Change field labels/hide field labels
Set fields to editable or display only
Define whether a field should be mandatory
Configure table/tree views
Change the order of columns
Rename column titles
Define number of visible rows
Choose scrollbar/cutting mode Define column width
Define which roles are personalizable
Set the horizontal alignment (left, right, or center)
Set a column to display only
-
8/10/2019 UI ConfigTools
11/45
SAP AG 2007
UI Configuration Tool: View Configuration (2)
Configure search pages
Add/remove search criteria from available search parameter set
Choose default search operators
Define the criteria that should be displayed by default
Configure overview pages
Add/remove blocks from assignment set
Change order of visible assignment blocks
Define load option (hidden, lazy, or direct)
Change titles
Configure work center pages Add/remove blocks from assignment set
Change order of visible assignment blocks
Position blocks on the right or left side of the page
Change titles
-
8/10/2019 UI ConfigTools
12/45
SAP AG 2007
Start BSP WD Component Workbench
Start the UI configuration
tool
Transaction BSP_WD_CMPWB
Choose a component
Select a view
Choose configuration to start the
UI configuration tool
-
8/10/2019 UI ConfigTools
13/45
-
8/10/2019 UI ConfigTools
14/45
SAP AG 2007
Configuration: Detailed Configuration
Configuration
Add nodes with the assigned
fields from the field set
Add fields from the field set
Remove fields
Display field properties
Position fields
Change labels
Hide labels
Add/change/remove captions
Set fields to mandatory or
display only
-
8/10/2019 UI ConfigTools
15/45
SAP AG 2007
Configuration: Overview Page
Configuration
Add blocks from assignment set
Remove blocks from displayed
assignments
Change the titles
Change the order of blocks
Choose load option (direct, lazy,or hidden)
-
8/10/2019 UI ConfigTools
16/45
-
8/10/2019 UI ConfigTools
17/45
SAP AG 2007
Configuration: Table View
Configuration
Define number of visible rows
Enable scrollbar/cutting mode
Add column from the set and
remove columns
Change column title
Change order of columns
Define column width
Define horizontal alignment
Enable personalization of
columns
-
8/10/2019 UI ConfigTools
18/45
SAP AG 2007
Configuration: Tree View
Configuration
Same configuration as for tables
Define number of visible rows
Enable scrollbar/cutting mode
Add column from the set and
remove columns
Change column title
Change order of columns
Define column width
Define horizontal alignment
Enable personalization of
columns
-
8/10/2019 UI ConfigTools
19/45
SAP AG 2007
Configuration: Search
Configuration
Add / remove Search parameter
Define displayed search criteria
Define default operator
Define order of search criteria
Change search parameter name
-
8/10/2019 UI ConfigTools
20/45
SAP AG 2007
Role-Dependent View Configuration
Configuration
To create role-dependentconfiguration, save the
configuration with a role
configuration key in the UI
configuration tool.
Role configuration keys can be
defined in the IMG: Customerrelationship management > UI
framework > UI framework
Definition > Define role
configuration key
You assign role configuration
keys to business roles in theIMG: Customer relationship
management > Business roles >
Define business roles
-
8/10/2019 UI ConfigTools
21/45
SAP AG 2007
Asynchronous JavaScript and XML (AJAX)
Use of AJAX
AJAX = AsynchronousJavaScript and XML
AJAX is a technique that uses a
XMLHttp Request object to
communicate asynchronously in
a Web application and fetch XML
packets of data.
AJAX is used for table views,
tree views, advanced search,
and overview pages.
-
8/10/2019 UI ConfigTools
22/45
SAP AG 2007
Translation
Translation
Use transaction SE63 totranslate captions and labels
SE63 > Translation > ABAP
objects > Short texts > S6
technical short texts > BSP2
BSP1 = SAP standard texts
BSP2 = Customer texts
-
8/10/2019 UI ConfigTools
23/45
SAP AG 2007
Data Model (Tables)
SAP Standard
Customer configuration
BSP_DL_XMLSTRX2
BSPC_DL_XMLSTRX2
BSP_DL_STXTREP21:n
BSPC_DL_STXTREP21:n
Configuration Language dependent texts
Configuration Language dependent texts
CONTEXT_ID CONTEXT_ID
CONTEXT_ID CONTEXT_ID
-
8/10/2019 UI ConfigTools
24/45
SAP AG 2007
Content
General
UI configuration tool
Design layer
Customer-specific enhancements
Roles and navigation bar
Further information
-
8/10/2019 UI ConfigTools
25/45
SAP AG 2007
Design Layer: Overview
The UI-related settings are simple field settings that are likely
to be changed by project team members and consultants.
Field visibility: Set a field to Hidden / Field excluded from field set:Field isnt available in the UI ConfigTool. (In CoD there is a difference between
these two fields if Hidden is chosen, it is still available in the field
customizing.)
Rename field labels
Value Help from Dictionary: Generic V- and P-Getter methods have beenimplemented, which define the value help (from DDIC: search help / value table /
domain values) and field type (input field, checkbox, DDLB). The new generic
V- and P-Getter logic is used only if the indicator is set.
The design layer links UI-related settings to a new, generic design object,
which spans several views implementing the same business content.
-
8/10/2019 UI ConfigTools
26/45
SAP AG 2007
Design Layer Customizing (1)
Configuration
Create Design object.
Path in IMG:
Customer relationship
management > UI framework >
UI framework definition >
Maintain design layer
Object type / BOL object name
are only used for filtering (to
reduce the list attribute list)
later on you can assign this
object to every object / attribute
you want.
Design Layer customizing can
be used for form views, trees,
tables and advanced searches.
(Customer table)
-
8/10/2019 UI ConfigTools
27/45
SAP AG 2007
Design Layer Customizing (2)
Configuration
Transaction: BSP_WD_CMPWB
Assign the Design object to a
context node or attribute.
-
8/10/2019 UI ConfigTools
28/45
SAP AG 2007
Design Layer Customizing (3)
Result
Assignment is saved in tableBSP_DLC_DASSIGN
Assignment is valid for all
configurations of the view.
-
8/10/2019 UI ConfigTools
29/45
SAP AG 2007
Translation
Path in IMG:
Customer relationship management > UI framework > UI framework definition > Maintain designlayer
Utilities > Choose Language
Goto -> Translation
-
8/10/2019 UI ConfigTools
30/45
-
8/10/2019 UI ConfigTools
31/45
Add C t S ifi Fi ld (1)
-
8/10/2019 UI ConfigTools
32/45
SAP AG 2007
Add Customer-Specific Fields (1)
Configuration
Maintain system Landscape:IMG: Cross Application
Components > General
Application Functions > Easy
Enhancement Workbench >
Maintain System Landscape
Add customer-specific fieldswith the easy enhancement
workbench
Transaction: EEWB
Add C t S ifi Fi ld (2)
-
8/10/2019 UI ConfigTools
33/45
SAP AG 2007
Add Customer-Specific Fields (2)
Configuration
Business Partner / Grantor:For currency and quantity fields
automatically additional fields
with the data elements
BUX_CUKY and BUX_UNIT are
created
Use Design Layer to Assign Value Help (1)
-
8/10/2019 UI ConfigTools
34/45
SAP AG 2007
Use Design Layer to Assign Value Help (1)
Configuration
Path in IMG:Customer relationship
management > UI framework >
UI framework definition >
Maintain design layer
Create a Design Object and for
the relevant attributes, chooseValue help from Data Dict ion ary.
If in DDIC a search help or a
check table is defined, choose I
Inpu t f ie ld.
If fixed Domain values are
defined in DDIC, choose P - Drop
Down L is t Box.
Use Design Layer to Assign Value Help (2)
-
8/10/2019 UI ConfigTools
35/45
SAP AG 2007
Use Design Layer to Assign Value Help (2)
Configuration
Transaction:BSP_WD_CMPWB
Assign the design object to the
views in which you want to
use it.
Make Fields Visible with the UI Config Tool
-
8/10/2019 UI ConfigTools
36/45
SAP AG 2007
Make Fields Visible with the UI Config Tool
Configuration
Transaction:BSP_WD_CMPWB
Result:
Content
-
8/10/2019 UI ConfigTools
37/45
SAP AG 2007
Content
General
UI configuration tool
Design layer
Customer-specific enhancements
Roles and navigation bar
Further information
Role and Navigation bar Customizing: Overview
-
8/10/2019 UI ConfigTools
38/45
SAP AG 2007
Role and Navigation bar Customizing: Overview
Business role
The business role is the central object for controlling the navigation bar, the
logical links, and the authorizations for users.
User assignment
The business role is assigned to an organizational unit in the organizationalmodel.
The user is assigned to an organizational unit as well.
Authorizations
The business role is assigned to an authorization profile via a PFCG role.
Navigation bar profile
The navigation bar profile contains direct link groups and work centers.
Logical links are assigned to the direct link groups.
Work center link groups structure the logical links for work centers. These workcenter link groups aren't visible in the application.
The role and navigation bar customizing controls are based on business roles
and determine how the navigation bar is structured and which links appearon the work center/home/report pages and in the direct link group.
Role and Navigation bar Customizing: Terminology
-
8/10/2019 UI ConfigTools
39/45
SAP AG 2007
Role and Navigation bar Customizing: Terminology
Work Centers
Direct Link Group
Logical Links
Work Center Page
Role and Navigation bar Customizing: Assignments
-
8/10/2019 UI ConfigTools
40/45
SAP AG 2007
Role and Navigation bar Customizing: Assignments
Define Business Role
-
8/10/2019 UI ConfigTools
41/45
SAP AG 2007
Configuration:
IMG Path: Customer relationshipmanagement > Business roles >
Define business roles
Create/change/copy/delete
business role.
Assign Business Role to Organizational Unit
-
8/10/2019 UI ConfigTools
42/45
SAP AG 2007
g g
Configuration:
IMG Path: Customer relationshipmanagement > Business roles >
Define organizational
assignment
Transaction PPOMA_CRM
Content
-
8/10/2019 UI ConfigTools
43/45
SAP AG 2007
General
UI configuration tool
Design layer
Customer-specific enhancements
Roles and navigation bar
Further information
Further Information
-
8/10/2019 UI ConfigTools
44/45
SAP AG 2007
RKThttp://service.sap.com/rkt-crm
-> SAP CRM 2006
-
8/10/2019 UI ConfigTools
45/45