Hi Experts,
We are trying to understand the usage of SAP Personas and have installed the ABAP Add-ONs and performed the configuration of RESTGUI services. The URL works fine , however can somebody guide on how to launch Persona GUI in browser now ? I have tried launching the below URL but it shows blank screen
http://<hostname>:<port>/sap/persos_app?sap-client=000
Can somebody guide what further configuration is required for this ?
Regards,
Sourabh
One key question of many customers is, how to setup and configure the SAP Fiori launchpad (FLP) to achive that every end user gets the appropriate tiles on the FLP home page corresponding to the user’s business role.
In the following I would like to describe a method that can help you to control the visibility of tiles for certain use cases - in addition to the best practices described in SAP Help Portal.
Which tiles are available on the end user’s FLP home page depends on the Fiori tile catalogs and groups which are assigned to the end user via PFCG roles. Fiori catalogs and groups are configured within the Fiori launchpad designer.
The following graphics shows which the steps an administrator has to perform on the ABAP Front-End Server to make tiles available for the end user on the FLP home page.
The assignment of groups is an optional step. When it’s performed by the administrator, the tiles are directly visible on the end user’s home page within the assigned group. Otherwise the end user himself has to add the desired tiles to the home page from the tile catalogs via personalization. It depends on your end users’ needs or company policy if personalization features are wanted or even pushed, or if the end users should get just what they need via assignment by the administrator. To prevent personalization the administrator can set up a tile group without enabling personalization possibilities (see Creating or Removing Groups).
A Fiori tile catalog can include two components:
Note: The connection between the tile and the target mapping is done via the intent. If there is no target mapping available which is matching the semantic object, the action and device type for a tile, then the tile is not displayed on the Fiori launchpad (neither in the catalog, nor in the group). Navigation to the target application is not possible for this intent.
You want to offer the same tile group on the Fiori launchpad for different user types - but with different tiles visible in dependence of the user type.
For example
To distinguish via employee and manager separate tiles and target mapping into different catalogs:
Then assign catalog 1 and catalog 2 to the manager and catalog1 and catalog 3 to the employee.
1. Create a catalog Travel All containing all travel app tiles (no target mapping):
2. Create a catalog Travel Manager containing only the target mappings for approval apps: 
3. Create a catalog Travel Employee containing only the target mapping for the travel request tile: 
4. Create a tile group Travel Services and add all tiles of catalog Travel All to this group:
5. Create two roles within transaction PFCG and assign it to the relevant users:
Summary
Both, manager and employee have the same group on the FLP home page, but according to their role different tiles/apps are available within this group. This has been achieved by the assignment of different target mapping catalogs in dependence of the user type. The tile catalog and tile group are the same for both user types. Like this you can reuse the same tile group for different user types and keep the number of different groups small - also if you have a lot of different user types.
Bundling the target mappings for a certain user role in a PFCG role, it's possible to set up a kind of automated and dynamic tile assignment via the PFCG role assignment mechanism. One PFCG role can contain one or multiple target mapping catalogs,
The granularity of roles and catalogs has to be optimized according to your special use case. Be aware that tile catalogs that are too large can lead to performance issues.
Attached document tells you how to set a custom theme created for SAPUI5/HTML5 Applications via URL parameter and Bootstrap Configuration and SAP HANA XS Applications
Setting Custom-Themes for HANA XS Applications - Cloud & Onpremise
Hello,
I have a problem regarding sap.ushell in a production environment.
While in local sandbox my app makes use of sap.ushell.renderers and sap.ushell.services.AppConfiguration flawlessly, when that same application is deployed to production environment it breaks due to undefined properties/methods.
The object exposed by sap.ushell has no renderers or AppConfiguration properties, and such, my application breaks. My local sandbox runs version 1.30 while the production one uses 1.28, and as far as I know, sap.ushell.renderers are available since 1.15.
I call sap.ushell.services.AppConfiguration in the onInit method of my first controller's view. And I use this code to correctly load the library in both sandbox and production launchpad:
<script src="/sap/bc/ui5_ui5/ui2/ushell/shells/resources/sap/ushell_abap/bootstrap/abap.js"></script> <script id="sap-ui-bootstrap" src="resources/sap-ui-core.js" data-sap-ui-libs="sap.m,sap.ushell" data-sap-ui-theme="sap_bluecrystal" ... >
Calling renderers with sap.ushell.Container.createRenderer("fiori2"); or jQuery.sap.getObject("sap.ushell.renderers.fiori2.RendererExtensions"); has the same output, undefined.
Thank you.
While the SAP User Experience Strategy clearly communicates the direction SAP has chosen to improve the UX of SAP software, the SAP UI technology strategy further details out, how and with which key UI technologies SAP plans to support this UX strategy. The SAP UI Technologies Road Map complements this content. The structure and content of the UI Technology Road Map is based on and aligned in its structure with SAP's UX and UI technology strategy to facilitate consumption and understanding. To provide a holistic view on the topic user interface technologies also other elements closely related to UI are contained, besides the UI key technologies.
Product teaser video (UI theme designer version 1.6)
One single tool for theming and branding SAP’s key user interfaces
The UI theme designer is SAP's browser-based tool for cross-theming scenarios. Use it to easily build your corporate identity themes by modifying one of the theme templates provided by SAP. For example, you can change the color scheme, or add your company's logo.
Key Capabilities
Delivery Channels
The UI theme designer is available for the following platforms:
Download it in the SAP Software Download Corner
-> Installations and Upgrades -> A - Z Index -> N -> UI ADD-ON FOR SAP NETWEAVER
For a comparison of platform-specific features, see UI Theme Designer 1.10 – Overview of Platform-Specific Features.
You can access the Cloud-based version of the UI theme designer at https://themedesigner-themedesigner.dispatcher.hanatrial.ondemand.com
Note: If the error "HTTP Status 400 - Possible XSRF attack: no valid xsrfProtection parameter was found" is returned when you try to open the link above, go to https://account.hanatrial.ondemand.com, click "Log on", and accept the terms and conditions. If you now reload the UI theme designer application, the error should no longer be displayed.
Check out our product documentation on the SAP Help Portal:
An overview of new/changed features and bug fixes can be found in the
UI Theme Designer - Version history
UI theme designer - main note | |
UI Add-On for SAP NetWeaver AS ABAP - Master Note - FAQ - Upgrade Guide | 2119552 |
SAP NetWeaver Portal: - Known Issues of UI Theme Designer for SAP NetWeaver Portal - Supporting integration of UI Theme Designer and UI5 application in the portal |
|
Need help?
Post your questions or comments in our new dev community!
We created the category "UI theme designer". So get blogging and mark the checkbox for the "UI theme designer" category before saving.
Find all our listed content (blogs, questions, documents) here.
General:
Technology-specific:
UI theme designer is the strategic tool for theming and branding of key SAP UI technologies. This video gives you an overview of the main features and functions and of the UI technologies which are supported, as well as best practices.
Introduction to UI theme designer | |
| Get basic knowledge of the UI theme designer including UI technology and platform support, featues and functions, required skills and some best practices. |
Please note that the videos are based on an early version of the UI theme designer. Features and UI texts may have changed in later versions. As soon as new videos are available they will be referenced here.
The How-To's covered in the videos can also be found as PDF versions on the documents facet of the UI theme designer in the UX Explorer.
SAP Fiori Apps and the UI theme designer | Web Dynpro ABAP and the UI theme designer |
| Get examples on how to adapt SAP Fiori based applications with UI theme designer | Get examples on how to adapt Web Dynpro based applications with UI theme designer |
SAP NWBC and the UI theme designer (Part 1) | SAP NWBC and the UI theme designer (Part 2) |
| Get examples on how to adapt the NWBC with UI theme designer. The focus of this video is on the creation of a new NWBC theme | Get examples on how to adapt the NWBC with UI theme designer. The focus of this video is on the configuration of the NWBC for the usage of a theme. |
Screenshots might show previous versions of the UI theme designer.
Themed NWBC index page in the UI theme designer (version 1.8)
Themed SAP Fiori launchpad embedded as preview in the UI theme designer (version 1.6)
SAP Fiori Leave Request in standard SAP blue crystal theme and after changing several theming parameters.
Themed Floorplan Manager / Web Dynpro ABAP overview page embedded in UI theme designer (version 1.6)
This page contains the version history for the UI theme designer for the different platforms that it supports.
See also this blog with some highlights: SAP TechEd (#SAPtd) Lecture of the Week: UI Theme Designer plus news on version 1.10 / 1.9
Version 1.8
Hi Experts,
I am working on Personas 3.0 and it's in initial phase, trying to create the flavors for custom Z transaction code.
Just added texts for standard buttons like Execute, Get Variant and Save Variant next to their icons as show below.
The output of the program is ALV report. In the ALV tool buttons also I changed with same way as below.
Upon the results, user select one of rows and click on the button (Enter Time) to go to CAT2 standard traction code.
For Z transaction I created Theme1 and Flavor1 (This is for initial selection screen and ALV output screen for Z transaction code),
then I created one more Flavor2 for CAT2 transaction to do standard buttons looks change.
The Theme1, Flavor1 and Flavor2 are assigned to role /PERSONAS/CONSUMER_ROLE.
Here is my issue. When I try to access the Zt.code through the SAP Fiori tile , the personas changes are showing correctly for Z. transaction code and ALV output.
Once the I selected the row from the ALV output and tried to enter the timesheet (which leads to CAT2 screen) the personas changes (created by Flavor2) are not loading immediately,
after I do some actions on the screen (Scrolling, picking F4 help...) personas changes are loading and showing correctly.
I tried to add these personas changes under 'Flavor1' but it didn't allow me, so I created another flavor called 'Flavor2' for CAT2 t.code.
Please let me know if anyone knows the solution. Appreciate your help.
Thanks,
Nag.
Hi all,
I got the following error to execute a smartform. I didn't use any colon (:) in text field. Please see screen shot. Can anyone help me on this regard?
Program error: ASSIGN with length 0 in program "SAPLSTXBC".
In an ASSIGN statement in the program "SAPLSTXBC" a field symbol with
length 0 should have been created. However, this is not possible.
length 0.
Hi,
I created a custom shell with the Theme Designer (a copy of Gold Reflection, but also tried with a copy of Blue Crystal). While changes for Index Page, NewTab Page and Service Map are shown ok, the changes setup for the Shell do not reflect at all. Any hints if I am forgetting something?
Brgds
Juergen
Hello Everyone...Wanted to share some experiences I had while interacting with multiple stake holders around topic of UX and suggested solutions that are brought on table.
Disclaimer:
All names, characters, and incidents portrayed in this blog are fictitious. No identification with actual persons, places, buildings, and products is intended or should be inferred 
Ok so
Scene 1:
Application:
A high-tech Analytical app helping root cause analysis of a "space ship" failure.
UX asks:
Users mentioned that we need too many clicks to get the the first level of codes of failure from where we would want to drill down
Solutions:
The Funny:
Lets Change from Click to Hover! This way user just has to keep hovering across menus and hierarchical code list. This wil not require any clicks...A Zero Click UX 
... now although it does solve the Click issues, I don't think we really solve the issue at hand, option of navigating to the point of interest, the fastest and easiest.
The too-out-of-box:
Let us give gesture based application control where combinations of hand gesture can help navigate to a "surface" of analytical information.
Well, only thing I can say is..I would love it too. If I could do it now, in current timeline and budget.
The Excel!:
Somehow, excel seems to be the solution for everything. Even in this scenario someone comes up with an idea of Download to excel and then we can do "anything" with it. These are the hardest proposals I find to tackle. Excel is a great application, no second thought about it. However fitting it into larger context of an application supporting various business flow, and technically available on platforms considering all security aspects, maybe not! however again...from UX, excel really rocks in many scenarios in context and many isolated process steps too.
My Take:
UX, in this case is disarming the functionality, It cannot be a design as a generic do-it-all graphs from available dataset.
Ask the following question: What is the analytical application meant for?
Example: It could be application for, or encompass, entry points for Top 5 root cause or Todays Top Failures or Related Failure Codes for Top 5 Codes etc.
Essentially disarming the entry barrier by defining what user would use the application for is one of the key UX activity to be done at beginning of the project.
The funny and too-out-of-box in this case can also be considered based on target platform combined with feasibility aspect of DT workshops.
Scene 2:
Application:
A Data entry application to enable Fast data entry and advising to customer on stock availability.
UX asks:
Users mentioned that we need to be able to enter quantities for a material against
1. Sizes
2. Colors
3. Advice Stock Levels configured against Size-Color Combination
4. Across multiple shipping locations
So essentially, for a material there are 3 dimensions: Size, Color and Location. Also for combination of Size and Color we have to Show the Stock for advising.
Solutions:
The Funny Here is Excel!
One of the stakeholders jumped in with a solution of Excel with upload/download options.
Let the user fill in entire order in an excel sheet and on a button click, upload all of the data to backend, see the status as red yellow green and allow download to see detailed status in Excel sheet! 
The too-out-of-box:
Lets record voice on the communication between sales-rep and customer, parse the voice to text, do natural language processing and in real time create order entries while advising stock.
Well, again, only thing I can say is..I would love it too. If I could do it now, in current timeline and budget.
The Obvious UX:
Show only what we can on a screen and is relevant. This comes from a seasoned UX, it was observed that 60% of color-size combination does not have stock. So the UX advisor advices to remove the entries for the ones not available and give a hierarchical navigation from material to size to color to stock and then entries for quantities across door. This way it can be made simple, responsive across all devices.
Well, what it does not achieve is the primary ask...Speed!
My Take:
In a call center or in general for any fast data entry scenario, the short cuts and muscle memory of users come into play BIG TIME. Here we cannot have a floating size grid as suggested in the obvious UX above as that will mess up the muscle memory of the users. Example: For a particular material type, the user know that 3 tabs brings them to size XL. So, it has to stay that way, even if the previous sizes have no stock. By doing so even if we restrict the application to desktop only, its really fine, Migrating call centers to all on mobile is not going to happen, in near future at-least.
So, a flat UI, Simplified in Data display with high usage of keyboard shortcuts to help navigate contexts across colors, sizes and locations, along with apt highlighting and visibility of critical data like stock, with freezing on screen information for all time visibility for say Size, Color, Door in context will be a good start to approach this problem.
I am working on this solution myself and will update once I have a Fast UX proposal to act as generic guide for such use-case soon.
All I bringing on the table is that,
UX per say is way more than drawing some sketches or following a golden-bullet principle!
It has to adapt from context to context. The approach of discovery on other hand can be tried to be made uniform for a team.
And it is surely not about "remove click by replacing with hover or Gesture of Wink" 
and again...the later I would personally love!!
Happy UX Everyone!
Keep it effective!
Dear Experts,
I am using UI Theme Designer on SAP Portal 7.4. I am using SAP GoldReflection theme, copied it and trying to change the iView Tray Header Background color but unable to locate the property for it in Ajax Framework Page - Expert tab.
I have done this earlier using old theme editor, iView Tray element is there under Complex Elements but in UI theme designer I don't see it.
Please suggest.
Regards,
Samir
Hi All,
I am building a app in SAPUI5. My requirenment is to scan the bar code of the Item and send it to backend system using UI5 application to fetch Item details.
Can i use the native scanner functionality of device in UI5 application ?
Regards,
Sheetal
Dear developers,
Could you please advise how to fix the following problem:
1) I created new Fiori launchpad site on Hana Cloud
2) I created a new theme with theme designer called from launchpad services
3) I exported a new theme into zip file
4) I created a new theme in Theme manager
Everything worked fine and I a new theme has been automatically applied to the page but when I run theme designer again now i have pretty strange error:
Uncaught Error on accessing browser FileSystem for File /defaultThemesRepository/Base/baseLib/custom1bluecrystal/base.less: A requested file or directory could not be found at the time an operation was processed. Async callstack: f<--c<--anoynmous<--anoynmous<--anoynmous |
Could you please provide a hot fix as I'm not able to work in theme designer anymore. After closing errop popup dialog window there is no data on the screen - even standard themes.
Thanks!
Hi,
I've a requirement where I need to show a graphical tree structure (data from odata service) like flow chart or family tree kind of....Right now, I'm able to show the data in tree table format which almost looks like general table data...
I'm using xml view in my project. Right now, my tree comes line this (1.png) and what I need is some like in 2.png
It would be great if you can suggest any way out.
Cheers.
I am not sure i am posting in right place. During interface from Ariba(or any system) to SAP, my client is asking is the all the data is encrypted ? as per the document, data is transferring in 256 RSA bit encryption and data is transferring through HTTPS. But i don't know the data is encrypted ? If the client required all the data to be encrypted what are the options ? Thanks, Narayan
UX for Optimal User Performance – Accessibility & Fiori
While user research and role-based design are essential to a good user experience, accessibility gives us a range of simple and effective ways we can lift user experience from good to great. Jocelyn Dart,April 26, 2016
Get Involved: Impact SAP’s Solution for UI Adaptation by Sharing Your Needs
Help us to understand how you’re currently dealing with UI adaptation. What do your processes look like? What challenges do you face? And how should it work for you ideally? Whether you’re a key user, a partner, or a rapid developer: share your views with us and be part of shaping Runtime Adaptation. Thomas Niederbuehl, December 10, 2015
SAP UX Explorer is going to grow: SAP Enterprise Architecture Explorer is around the corner
The SAP UX Explorer takes its next evolutionary step which includes more topics beyond UX and a name change that covers the fact that Enterprise Architecture becomes a major aspect and provides new structures for new content that will be developed in 2016 and later. This blogs talks about this evolution and about what you can expect in the near future.Juergen Jakowski, December 3, 2015
SAP Screen Personas 3.0 SP2 now available. New analytics, theming, social, and admin features
Once again, the SAP Screen Personas product team has delivered a great set of improvements with SAP Screen Personas 3.0 SP2, which is now generally available. Based on your feedback, we have included over 150 new features and product improvements. Peter Spielvogel, November 9, 2015
SAP User Interface Technologies - Road Map
While the SAP User Experience Strategy clearly communicates the direction SAP has chosen to improve the UX of SAP software, the SAP UI technology strategy further details out, how and with which key UI technologies SAP plans to support this UX strategy. Ingo Deck, November 8, 2015
SAP Alumnus and Mentor John Moy shares the pros and cons of each option, along with a (informal) poll of 75 Twitter members.
http://www.bluet.com.au/2016/04/20/the-roadmap-for-sap-user-interfaces/
Well worth a read. Also, here's a screenshot of the poll:
If you want to comment on this, it probably makes sense to do so on the original blog.
Cheers Julie.
