SQL Server administration and T-SQL development, Web Programming with ASP.NET, HTML5 and Javascript, Windows Phone 8 app development, SAP Smartforms and ABAP Programming, Windows 7, Visual Studio and MS Office software SAP ABAP Programming and HANA Database Tutorials
Development resources, articles, tutorials, samples, codes and tools for .Net, SQL Server, Windows, Windows Phone, SAP and ABAP, like SAP UI5, Screen Personas, etc.




CRM Companies List
Web Based CRM Software


How to Change Background in SAP Personas MainApp

ABAP BSP developers can change background of SAP Personas main application and replace blue background with an enterprise image by editing BSP application /Persos/MainApp using SAP SE80 transaction

ABAP developers who has ABAP BSP coding experience can easily understand how the background displayed on main page of the SAP Screen Personas can be changed. Although I like a blue background with birds flying feeling a freedom, for an enterprise SAP Personas application it is better to use an image suitable to use a logo, etc of your company.

SAP Personas MainApp background

If you check the web URL of the Personas main page or the SMEN transaction Basic View page carefully, you will see a web address like following:
http://sap01k0d.kodyaz.com:8081/sap(b1siYjPKE5YA=)/bc/bsp/persos/mainapp/index.html

SAP Personas administrators will remember that the main starting webpage is the SICF MainApp service address. The MainApp is seen in the URL. Also the BSP is in the target URL. Index.html is an other important hint for us to trace the hints for solving how we can change background on Personas.

So first of call, call transaction SE80 Object Navigator on SAP GUI.
Then switch to BSP Application and display /PERSOS/MAINAPP

ABAP developers can see the main includes that are related with SAP Personas index.html page, personas.css page for formatting, and images used as background in the web application.

SAP Personas MainApp BSP application codes

If BSP developer display index.html in code editor, it is easily seen that personas.css defines the screen elements' properties.
And if CSS file is opened, the background image is set as "/images/background_202.jpg" which is the blue screen with birds flying.
background-image:url('../images/background_202.jpg');

In order to alter or change background image in SAP Personas application, right click on "Images" node within BSP application project. Then using "Import MIME Objects" upload a new image which you want to set as new background image for the SAP Personas application. As the next step, change the "background-image:url" with the new background image's path and name.

Now BSP programmers are able to modify the Personas MainApp BSP application and change background on main Personas screen.






SAP Tutorials

SAP Tutorial

SAP Forums

SAP Tools

SAP Transaction Codes Table






Related Articles and Tutorials(http://www.kodyaz.com/sap-abap/change-personas-background-image-of-main-app.aspx)
Activate SAP Personas 3.0 Services using SICF Transaction
Call WebRFC from SAP Personas Script Button for User Name and Data
How to Change Background in SAP Personas MainApp
SAP Personas Html Viewer Control for Table Data
Launch Transaction Code using SAP Personas Script Button
Display Whitelist URL using SAP Personas WebPage Launch Button
Hands-on SAP Personas Tutorial for Beginners
How to Create SAP Screen Personas Flavor, Remove and Delete it
How to Export and Import SAP Screen Personas Flavors
Launch Web URL using SAP Personas Script Button
clientaccesspolicy.xml crossdomain.xml is not configured
SAP Screen Personas OnCreateHandler Script Button to Run At Page Load
Press F Key on SAP Personas Script Button for F3
PushOnEnter Event on SAP Personas like OnKeyPress in Javascript
How SAP Screen Personas Improve Business Value
SAP Screen Personas Set Default Selection in DropDown List
Function module is not released for the Internet


Copyright © 2004 - 2017 Eralper YILMAZ. All rights reserved.
Community Server by Telligent Systems