SAP UX Explorer How-To Guide

SAP Screen Personas

Merging of Tabs
May 2014

www.sap.com

TABLE OF CONTENT
1

PURPOS E OF THIS DOCUMENT ............................................................................................ 3

PREREQUISITES TO US E SAP SCREEN P ERSONAS 1.0....................................................... 3

LINKS AND FURTHER INFORMATION ................................................................................... 3

4
4.1
4.2
4.3
4.4

MERGE SCREEN ELEMENTS FROM DIFFERENT TABS INTO ONE TAB................................ 4

Goal ....................................................................................................................................... 4
Create a new flavor ................................................................................................................ 5
Enable Tab Caching ............................................................................................................... 5
Move Screen Elements between Tabs.................................................................................... 6

2014 SAP AG. All rights reserved.

T his material does not constitute official SAP product documentation. T he information herein is not a
commitment, promise or legal obligation to deliver any material, code or functionality. T his material is
provided without a warranty of any kind, either express or implied, including but not limited to, the implied
warranties of merchantability, fitness for a particular purpose, or non -infringement. T his material is for
informational purposes and may not be incorporated into a contract. SAP assumes no responsibility for
errors or omissions in this material, except if such damages were caused by SAPs willful m isconduct or
gross negligence.
SAP, R/3, SAP NetWeaver, Duet, PartnerEdge, ByDesign,
SAP BusinessObjects Explorer, StreamWork, SAP HANA, and other
SAP products and services mentioned herein as well as their respective logos are trademarks or
registered trademarks of SAP AG in Germany and other countries.
Business Objects and the Business Objects logo, BusinessObjects, Crystal Reports, Crystal Decisions,
Web Intelligence, Xcelsius, and other Business Objects products and services mentioned herein as well
as their respective logos are trademarks or registered trademarks of Business Objects Software Ltd.
Business Objects is an SAP company.
Sybase and Adaptive Server, iAnywhere, Sybase 365, SQL Anywhere, and other Sybase products and
services mentioned herein as well as their respective logos are trademarks or registered tra demarks of
Sybase, Inc. Sybase is an SAP company.
All other product and service names mentioned are the trademarks of their respective companies. Data
contained in this document serves informational purposes only. National product specifications may vary.
T hese materials are subject to change without notice. T hese materials
are provided by SAP AG and its affiliated companies ("SAP Group") for informational purposes only,
without representation or warranty of any kind, and SAP Group shall not be liable for errors or omissions
with respect to the materials. T he only warranties for SAP Group products and services are those that
are set forth in the express warranty statements accompanying such products and services, if any.
Nothing herein should be construed as constituting an additional warranty.

UI THEME DESIGNER - TH EMING OF WEBD YNPR O ABAP APPLIC ATIONS

PURPOSE OF THIS DOCUMENT

This document describes how to use SAP Screen Personas Silverlight version to merge
information from different tabs of a screen into one tab. The basic handling of SAP Screen
Personas is not laid out here. We assume that you know how to start SAP Screen Personas, how
to create a new flavor and how to work with that flavor.
The document is not meant to replace the product documentation but rather supports a user by
guiding him through the most important process steps.

PREREQUISITES TO USE SAP SCREEN PERSONAS 1.0

Required Support Packages:

Component Release
SAP_BASIS 700
or 701
or 702
or 731
or 740

Support Packages
SAPKB70024
SAPKB70109
SAPKB70207
SAPKB73101
none

Please check note 1885312 for further information regarding Personas Silverlight component.
To be able to use the Silverlight component of Personas, you have to use at least a kernel release
7.21 if not already using kernel release 7.40

LINKS AND FURTHER INFORMATION

Personas release strategy note: 1776739

Recommended notes for SAP Screen Personas 1885312
Personas Web Page: www.sapscreenpersonas.com
Personas on SCN: http://scn.sap.com/community/gui
Personas on Help Portal: http://help.sap.com/personas

UI THEME DESIGNER - TH EMING OF WEBD YNPR O ABAP APPLIC ATIONS

4
4.1

MERGE SCREEN ELEMENTS FROM DIFFERENT TABS INTO ONE TAB

Goal

In this How-To guide we will explain how to merge information from different tabs of a GUI screen
into one tab with the help of SAP Screen Personas.
We use transaction VA03 Display Sales Order as an example. On the Sales tab we want to
include additional information which is available on another tab. To be more precise: our goal is to
move the status information from the Shipping tab to the Sales tab.

UI THEME DESIGNER - TH EMING OF WEBD YNPR O ABAP APPLIC ATIONS

4.2

Create a new flavor

On the Personas screen start transaction VA03, enter a sales order number and press Enter to
open the sales order display. Then create a new flavor (or edit an existing one for VA03):

A name for the flavor has to be provided and then the flavor is ready for editing.
4.3

Enable Tab Caching

First open the tab list by double-clicking the right upper corner of the tab area:

UI THEME DESIGNER - TH EMING OF WEBD YNPR O ABAP APPLIC ATIONS

Then activate tab caching:

Tab caching is required in order to have data from different tabs available even if the tabs are not
visible.
Once the caching is enabled you can already make your choice which of the tabs shall be visible
later on. At least the Sales tab and the Shipping tab need to be visible to be able to proceed with
our example:

Save the flavor and exit the Edit mode by pressing the Save and Exit button:

4.4

Move Screen Elements between Tabs

Select the Shipping tab

UI THEME DESIGNER - TH EMING OF WEBD YNPR O ABAP APPLIC ATIONS

and then again edit the flavor:

Back in Edit mode the appropriate screen elements need to be selected and moved to a parking
lot in the header area, outside of the tab:

.
Again save and exit the Edit mode.

UI THEME DESIGNER - TH EMING OF WEBD YNPR O ABAP APPLIC ATIONS

Select the target tab then edit the flavor and move the parked screen elements to their final
position within the Sales tab:

Finally we can also hide the Shipping tab as we assume it will not be longer used in this special
context.