---
parser: v2
auto_validation: true
time: 20
tags: [tutorial>beginner, software-product>sap-screen-personas]
primary_tag: software-product>sap-screen-personas
slug: personas-mobile-workbook-create
canonical_url: https://developers.sap.com/tutorials/personas-mobile-workbook-create
---

# Build a Simple SAP Screen Personas Dashboard
<!-- description --> Simplify the initial screen of IW51 to begin creating a Service Notification application for desktop and mobile devices.

## You will learn
  - How to hide unneeded fields with SAP Screen Personas
  - How to modify the properties of an object on screen
  - How to insert additional objects into a screen
  - How to create a dashboard in SAP Screen Personas

## Intro
**SAP Screen Personas** is a software product that is included with any other licensed SAP product. It allows you to adapt SAP screens, automate business processes, and run them on your phone, tablet, or desktop. It provides a simple drag and drop approach to modify most **SAP GUI screens** to improve their usability and visual appeal.

The UI adaptation for a single screen or a set of related screens is called a **flavor** in SAP Screen Personas. SAP Screen Personas provides two main options to create and consume flavors: SAP GUI for HTML for a server-side rendering engine (mostly used for desktop applications) and Slipstream Engine for a client-side rendering engine (mostly used for mobile devices such as phones and tablets). 

By the end of this tutorial, you will have created a flavor for transaction IW51 (Create Service Notification) that will greatly simplify the creation of Service Notifications for your users on both desktop and mobile devices. This tutorial will focus on creating the initial screen: a dashboard that launches the main screen of IW51. The next tutorial will cover simplifying that screen and including additional functionality. To meet the mobile needs of the use case, the tutorial uses the Slipstream Engine option of SAP Screen Personas.


---

### Access IW51
To begin, you must log on to your system and then navigate to IW51. Enter your credentials and then enter **`IW51`** into the transaction code field. Press **`Enter`**.

![Navigate to IW51](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/personas-mobile-workbook-create/OK-Code-IW51.png)

### Create the flavor
To create a flavor, open the flavor manager by clicking on the SAP Screen Personas icon that appears when you hover over the thin blue line at the top of the screen. This line indicates SAP Screen Personas is available to your user.

![SAP Screen Personas Icon](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/personas-mobile-workbook-create/Personas.png)

The flavor manager will then display all of the flavors available to your user for this transaction. Since you have not created a flavor yet, the only flavor tile available will be for the **Original Screen**. It will be highlighted in blue to indicate that you are currently using it.

Click the **Add Flavor** button, illustrated as a plus sign (+) on the right side of the flavor manager, to create your flavor.

![Add Flavor Button](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/personas-mobile-workbook-create/Add-Flavor.png)

Enter a name and a description for your flavor and then press **Create**.

![Create New Flavor](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/personas-mobile-workbook-create/Create-Flavor.png)

This will open the **flavor editor**.

![SAP Screen Personas Flavor Editor](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/personas-mobile-workbook-create/Flavor-Editor.png)

### Simplify the initial screen
To begin simplifying the flavor, you will set a default value for the notification type. Double click the **Notification Type** field and enter **`S3`** into the **Data** field in the pop up window. Then click **Done** to set the value.

![Set Default Value](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/personas-mobile-workbook-create/Set-Default-Value.png)

Now that the default value for the Notification Type is set for this flavor, you do not need any of the fields on screen. Select all of the fields and labels. You can multi-select by holding **``CTRL``** while clicking on objects. Alternatively, you can use the lasso tool by holding **``Shift``** and then clicking and dragging your mouse over the objects to select them. Whatever method you choose, hide the objects by pressing the hide button.

![Hide Objects](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/personas-mobile-workbook-create/Hide-Objects.png)

Your screen should then look like this:

![Hidden Objects](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/personas-mobile-workbook-create/Hidden-Objects.png)


### Create the dashboard

Next, you will create buttons that will allow users to create a notification and log off of the system.

To give users a **Create Notification** button, select the **Notification** button from the toolbar and drag it to the user area.

![Notification Button](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/personas-mobile-workbook-create/Notification-Old-1.png)

>If the hidden object placeholders distract you, you can hide them by selecting the **Hide All Placeholders** option under the **Hide** button.

Your screen should now look like this:

![Notification Button Moved](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/personas-mobile-workbook-create/Notification-Old-2.png)

Next, enlarge the button so that it is easy to press for users on a mobile device. To do that, select the button and modify its height and width properties in the home tab. Give the button the following dimensions: **`150pt`** wide and **`25pt`** tall.

![Modify Button](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/personas-mobile-workbook-create/Modify-Dimensions.png)

Now, double click the button to bring up the **Text Editor**. Change the text on the button to better reflect its function: **``Create Notification``**. Click **Done** to confirm your change.

![Change Text](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/personas-mobile-workbook-create/Text-Editor.png)

Now you are going to add the **Log off** button to your screen. Click on the **Insert tab** to display the different objects that can be inserted into your flavor. Then select **Menu Items Button** from the toolbar.

![Add Button](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/personas-mobile-workbook-create/Insert-Menu-Button.png)

This will open a pop up where you will set the label and function for the button. Set the label name as **``Log Off``**. Under the **Menu Item** dropdown menu, select **System/Log Off** and click **Done** to confirm your selection.

![Add Button](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/personas-mobile-workbook-create/Add-Button.png)

The button will then be inserted into the flavor. Move it next to the **Create Notification** button and give it similar dimensions (**`150pt`** wide and **`25pt`** tall) using the control in the **Home tab**. Your screen should look like this:

![Simplified Screen](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/personas-mobile-workbook-create/99-Percent-Screen.png)

Now it is time to put the finishing touches on the screen. Since your users will not need the other functions in the toolbar: hide it. Clicking the empty space on the toolbar should allow you to select the entire toolbar without having select individual buttons.

![Hiding Toolbar](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/personas-mobile-workbook-create/Hide-Toolbar.png)

In order to make it easier for users to differentiate between the two buttons at a glance, select the **Create Notification** button and change its fill color to a light blue. Fill color can be changed using the **Fill & Icon** button in the **Home tab**.

![Modify Button](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/personas-mobile-workbook-create/Fill-Button.png)

### View the completed screen

You have now finished personalizing this initial screen. To view it as your end-user would, save and exit the **Flavor Editor** using the **Save** and **Exit** buttons at the top right corner of the screen.

![Save and Exit the Flavor](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/personas-mobile-workbook-create/Save-Exit.png)

You should now see the end product of this tutorial without the **Flavor Editor**: a simple dashboard for creating a service notification.

![Personalized Screen](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/personas-mobile-workbook-create/Finished-Screen.png)

---