8
SAP UX Explorer How-To Guide SAP Screen Personas Merging of Tabs May 2014

HowTo Personas MergeTabs Public 01

Embed Size (px)

DESCRIPTION

Sap Fiori Installation Merge Tabs Publics

Citation preview

  • SAP UX Explorer How-To Guide

    SAP Screen Personas Merging of Tabs May 2014

  • 2014 SAP AG. All rights reserved.

    This material does not constitute official SAP product documentation. The information herein is not a

    commitment, promise or legal obligation to deliver any material, code or functionality. This 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. This 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.

    These materials are subject to change without notice. These 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. The 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.

    www.sap.com

    TABLE OF CONTENT

    1 PURPOSE OF THIS DOCUMENT ............................................................................................ 3

    2 PREREQUISITES TO USE SAP SCREEN PERSONAS 1.0....................................................... 3

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

    4 MERGE SCREEN ELEMENTS FROM DIFFERENT TABS INTO ONE TAB................................ 4 4.1 Goal ....................................................................................................................................... 4 4.2 Create a new flavor ................................................................................................................ 5 4.3 Enable Tab Caching ............................................................................................................... 5 4.4 Move Screen Elements between Tabs.................................................................................... 6

  • UI THEME DESIGNER - THEMING OF WEBDYNPRO ABAP APPLICATIONS

    3

    1 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.

    2 PREREQUISITES TO USE SAP SCREEN PERSONAS 1.0

    Required Support Packages:

    Component Release Support Packages

    SAP_BASIS 700 SAPKB70024

    or 701 SAPKB70109

    or 702 SAPKB70207

    or 731 SAPKB73101

    or 740 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

    3 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 - THEMING OF WEBDYNPRO ABAP APPLICATIONS

    4

    4 MERGE SCREEN ELEMENTS FROM DIFFERENT TABS INTO ONE TAB

    4.1 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 - THEMING OF WEBDYNPRO ABAP APPLICATIONS

    5

    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 - THEMING OF WEBDYNPRO ABAP APPLICATIONS

    6

    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 - THEMING OF WEBDYNPRO ABAP APPLICATIONS

    7

    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 - THEMING OF WEBDYNPRO ABAP APPLICATIONS

    8

    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.