Non-sap screen look and feel in webdynpro abap

Dear Experts,
I have a Webdynpro ABAP application which is fetching data from LFA1 and LFB1.
My client wants a non-sap look and feel onto the screen, he doesnt want the SAP Color and all.
How can i achieve this to look it commercial ??
Please suggest.
Regards,
Mamai.

Hi Mamai,
WDA,maintain two parameters WDFORCEEXTERNALSTYLESHEET = 'X' and WDTHEMEROOT = 'CustomerThemes".
for ur application , add the parameter sap-ep-themeroot=/SAP/PUBLIC/BC/UR/NW5/THEMES/MYCUSTOMTHEME to ur application URL , where MYCUSTOMTHEME is the theme u have created under the path /SAP/PUBLIC/BC/UR/NW5/THEMES/ in ur system.
Please go through this..
http://help.sap.com/saphelp_nw70/helpdata/en/7b/fb57412df8091de10000000a155106/content.htm
http://help.sap.com/saphelp_nw70/helpdata/en/46/89af7fbe4d429ee10000000a1553f7/content.htm
and for custome theme..
http://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/7015b1f9-535c-2910-c8b7-e681fe75aaf8?quicklink=index&overridelayout=true
Re: Custome theme or stylesheet for one WD Application
stylesheets..
http://help.sap.com/SAPhelp_nw73/helpdata/en/47/af752005c92fe1e10000000a42189d/content.htm
Cheers,
Kris.
Edited by: kissnas on Apr 21, 2011 6:44 AM

Similar Messages

HAP_DOCUMENT look and feel change

Guys,
We have designed a ZHAP_DOCUMENT which is running fine when we run from portal with user defined look and feel. However, when the Manager gets a notification in UWL and he uses the link to execute the application(i.e. a workflow getting triggered in the background), Manager sees the display unlike portal which is quite relevant to SAP standard look and feel.
What should we be doing to change the display in Workflow?
Let me know if you guys need further details.
Cheers,
Kunjal

Not answered

Can we change the look and feel of the screen layout

Dear All,
I am new to ABAP WebDynpro, and would like to know the following with respect to ABAP WebDynpro :
1. To what extent can we change the look and feel of the screen layout ?
2. Is it possible to change the background color of the layout?
3. Is it possible to change the color of, Buttons etc ?
Any information / document/ link to explain this would be very helpful ..
Thanks in advance,
Aditi

Hi,
Psl check out these links.
check out these webdynpro standard components in SE80 tcode -
WDR_TEST_UI_ELEMENTS
check out this link on webdynpro for ABAP-
http://help.sap.com/saphelp_nw70/helpdata/EN/03/0048413e466e24e10000000a155106/frameset.htm-WD for ABAP
http://help.sap.com/saphelp_nw70/helpdata/EN/46/9319f88f8115ebe10000000a114a6b/frameset.htm -UI elements
http://help.sap.com/saphelp_nw70/helpdata/EN/46/9319f88f8115ebe10000000a114a6b/frameset.htm-Button Properties
http://help.sap.com/saphelp_nw70/helpdata/EN/46/9319f88f8115ebe10000000a114a6b/frameset.htm- For different Layouts
Regards
Lekha

SAP Portal Custom Themes to change ESS/MSS UI Look and feel , possible ?

Hi,
I have a requirement where the look and feel of the UI controls of the ESS/MSS applications have to be different - Jazzy
I know XSS homepage framework is for the customisation of Areas, Sub Areas. What I am more interested is only the look and feel UI of ESS/MSS applications.
If I change the standard theme of portal using Theme Editor and create a new custom theme with different back ground colors, fonts, sizes for all the UI controls,.Will the customised Theme apply on the standard ESS / MSS screens ? Also my doubt is we are using EHP3 and I am not sure how many are Webdynpro java based or webdynpro Abap based.
Will the theme apply to both WDA and WDJ application UI controls?
Any inputs in this regard will be of great help. thanks in advance.
Regards,
Sreeram

Hello,
Check :
[Overview on changing the Portal look and feel.|https://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/d077fa17-7fbf-2a10-d983-fb12decf63c7]
FYI :- Search for wiki on : Stylesheet for WDA without integrating in SAP Portal
Cheers,
Remi

WebDynpro look and Feel

Hi,
I created a webdynpro application and deployed into portals. We are running Portals SP11. But the webdynpro is not getting custom look and feel what has been added to the portal by default, it is displaying SAP Color theme.
Any ideas please?
Thanks
Vijay

Hi
Are your J2EE instances different for WAS and EP. If they are then what is the version of your WAS. You have mentioned EP as SP11.
Note : In SP11 the below mentioned procedure slightly affects the theme. It works fine in SP10 though. See if the steps mentioned below is of any help to you.
If you want the color schemes to apply for WebDynpro then you will have to set the theme for the WebDynpro application too.
Download the Theme Editor available in SDN.
Follow these steps
Create a new theme editor project with the same name as the theme name in the portal.
Import your theme file into WebDynpro.
You will have to generate your custom theme and then right click and export your theme as a zip file.
Then extract the Zip file to a folder.Copy the extracted files into the folder
C:\usr\sap\J2E\JC00\j2ee\cluster\server0\temp\webdynpro\web\sap.com\tcwddispwda\global\SSR\themes
Then give the path in your Visual Admin --> Configuration Adapter --> WebDynpro >tcwddispwda> default.properties
Type the path as the following.
http://<machine_Name>:50000/webdynpro/resources/sap.com/tcwddispwda/global/SSR/themes/sap_chrome
and also set the property useWebDynproStyleSheet property to true and then restart your J2EE server.
Hope that helps you. Let me know if you require more inputs
regards
ravi

Changing the look and feel of the logon screen and portal themes.

Dear all,
we got some requirements in the portal where i have implement the following things..
1) when we give the portal url in the browser along with logon screen i have to display the some content related to the organaisation ,,, there i want to do logon screen customization also.
2)once login to the portal i need display the some company related information along with different ESS services .i want to remove the masthead area and in the role area want to display different services.
please guide me to achive this.
the client is not at all happy with present look and feel,
so what we can do t achieve ths?
Thank you in advance.
Swapna

Hi Swapna,
Portalapp.xml is the configuration file of portal application holding comonents and services. Where as authschemes.xml file is used to determin and tell portal which of the user authentication schemes is to be used. It also tells portal about which logon PAR file should be used. It is defined inside following tags.
<frontendtarget>Logon PAR File Name</frontendtarget>.
Take a scenario for example. You have created a custom logon PAR file and made some changes. You cannot see the changes before deploying it. You have to deploy it first. Now, you want that whenever somone logon to portal, your logon PAR should be referred and executed. Authschemes.xml does this work. It maintains a reference to the PAR file that should be used for logon.
Now, still have to create a custom authschemes.xml file and upload it. (Follow this link for the authschemes file location http://help.sap.com/saphelp_nw04/helpdata/en/1a/3afd4e641b8f42ac07bb77fe30375b/content.htm)
Refer this link for details on authschemes.xml file: http://help.sap.com/saphelp_nw04/helpdata/en/d3/1dd4516c518645a59e5cff2628a5c1/content.htm
Let us see in brief what are the steps executed:
1) You request a portal login
2) Portal, after receiving a request, looks for a reference to which Authschemes file to be used. It finds it in Visual Admin
3) Once portal have the name of authschemes file, it parse this file and determin what are the authentication schemes to be used and which logon PAR should be executed.
4) Only after these steps, it renders logon page to you
Once you do all these steps, you can see the result on logon page itself. You do not have to look for deployed PAR file.

WebDynPro ABAP iViews not picking the portal look and feel

Hi,
In our case , WebDynPro ABAP iViews not picking the portal look and feel.
Is there any way to provide the custom developed portal theme link or css file to the WebDynPro application.
Can it be done programmatically in the WD ABAP application.
Best Regards
Sid

Look at the below link, it will answer your question:
Re: EP 7 Portal stylesheet with WD ABAP
Raja T

Making custom non-standard components aware of custom look and feels.

Hello all.
Maybe the subject of this post could also be the opposite: "Making custom look and feels aware of non-standard custom components". I'm not sure.
If I code a new custom component (extending JComponent, or extending the UI delegate of a standard component) and pretend it to be laf aware then I must create the corresponding UI delegate for each laf, like it happens to be with standard swing components. But I'm not sure it is feasible to create the UI delegates for all unknown existing custom lafs.
On the other side, if I create a custom laf then I will also create a custom UI delegate for each standard component, but I can not create UI delegate for all unknown existing custom components.
The point here is that standard components and standard lafs are universally known, while custom components (or custom ui delegates) and custom lafs are not.
So the question is: How does a swing developer deal with the case of a new custom component that will be used in an unknown custom laf?
For instance:
1. Custom text UI delegate for dealing with styled documents in JTextField. See {thread:id=2284487}.
2. JTabbedPane with custom UI delegate that paints no tab if the component only contains one tab.
In both cases I need a UI delegate for each known laf, but what happens if the application is using a laf that certainly will not be aware of this custom functionally?
Thank you!

If I code a new custom component (extending JComponent, or extending the UI delegate of a standard component) and pretend it to be laf aware then I must create the corresponding UI delegate for each laf, like it happens to be with standard swing components. But I'm not sure it is feasible to create the UI delegates for all unknown existing custom lafs.You are right, this is never going to work. I suggest if you want to make your custom component look & feel aware, you design the way it displays around the l & f of other components that are part of j2se and have l&f implementations.
http://download.oracle.com/javase/7/docs/api/javax/swing/plaf/ComponentUI.html
There are instructions here:
http://download.oracle.com/javase/7/docs/api/javax/swing/LookAndFeel.html
>
On the other side, if I create a custom laf then I will also create a custom UI delegate for each standard component, but I can not create UI delegate for all unknown existing custom components.
The point here is that standard components and standard lafs are universally known, while custom components (or custom ui delegates) and custom lafs are not.
So the question is: How does a swing developer deal with the case of a new custom component that will be used in an unknown custom laf?
For instance:
1. Custom text UI delegate for dealing with styled documents in JTextField. See {thread:id=2284487}.
2. JTabbedPane with custom UI delegate that paints no tab if the component only contains one tab.
In both cases I need a UI delegate for each known laf, but what happens if the application is using a laf that certainly will not be aware of this custom functionally?
Thank you!

Notification center look and feel

The new notification center look and feel seems quite unlike the rest of the iPhone.
Most of the iPhone has a light colored, rounded, kind of comfortable look. But the new notification center has a much more dark, angular look. (To me, it looks more like an Android app than an iOS component.)
Any chance it can be rebranded? Or failing that, any chance of a settings option to customise the background image, so I can at least change from the dark "linen" texture to a wallpaper of my choice? (e.g. it might look much nicer (to me!) if I could change it to use the default iPhone water drops background). The slide down button itself (the bit of the notification center graphics which appears on screen, even in full-screen mode, if you make the 'wrong' move) could be much more rounded, as well.
Mike

iOs 5 in general looks and feels awkward to me. It feels cheap and not at all as polished as Apple's products have been in the past. The alarms have new colors for no apparent reason, the text messages have colors for no apparent reason, the notification center has a distracting texture, again, for no reason... Yet none of these colors or textures are configurable or removable. What was the point exactly?
This theme shift is quite discouraging in the grand scheme of things. It doesn't bother me much, but I definitely prefered the way my phone looked when I bought it.

Look and Feel Issues from NWDS 7.0.9 on Windows 7

Dear Experts,
I have successfully installed a new NWDS 7.0.9 on my 18' inch laptop:
Windows 7 (64Bit)
JDK 1.4.18 (32Bit)
The NWDS starts without any problems however, i am begining to experience some erratic behavior from the projects i have created.
For instance, when i attempt to Edit the Application Properties for a WDJ project, the neccessary fields (and tabs) are not displayed hence i am unable to edit properties like the 'ExpirationTime' or create new one for that matter.
In some cases,i am unable to embed a View into a Window because the neccessary fields to aid my selection of the view i want to embed are not visible for interaction.
The same challenge occurs with EAR project; i am unable to edit 'application-j2ee-engine.xml' fields because they are not visible.
After some troubleshooting,i discovered that the screen resolution may be affecting the 'Look and Feel' of the NWDS itself,
If i reduced the resolution from 1024*768 to a value much more lower, some of these controls are displayed but with the desktop completely messed up.
Does anybody have a solution to my problem because this challenge is affecting my productivity?
Could my issue be as a result of my laptop screen size (i am using an 18'inch laptop)?
Best regards,
Bakau Onafuwa
Oceanic Bank Int'l PLC

Hi Vishal,
first go to the download section in SMP.
Roughly follow this path (translated from german ;-):
SAP Software Distribution Center -> Download -> Further Download-Infos -> SAP Support Package Stacks -> SP Stack Download
From list select SP Stack SAP NetWeaver 2004s
A new window will pop up:
1. Select your stack
2. Usage Selection: Application Server Java
3. Next Step
4. Under SAP Kernel xx bit select your DB and OS
5. Next Step
6. You get a list of all components of you selected items.
Here you'll find NWDS with a filename like JIDE09P_1-10003480.SAR
You know the rest, right?
Regards,
ok

How can I include a JSP, Maximized, and retain look and feel(WSRP)

I have created a page group and defined a root page with a certain look and feel. There are two portlets on the page. Once the user clicks on a submit button, the portlet performs some action and includes a jsp included in the EAR file. The portlet needs to maximize the UI to display the jsp correctly.
Once control returns back to the screen, the look and feel is lost and uses Oracle's default style. I have two questions:
1. From the portlet, how can I retain the look and feel of the page group when referencing "external" jsp (i.e JSPs in the deployed portal EAR file).
2. How can I "redirect" the user to the home page in a standard way? If there is not a standard way, how do I use the Oracle specific utilities to do it?
All of my JSPs are developed externally out of the scope of the Oracle Portal.
Environment - Oracle Portal 10.1.4 on Release 2 using WSRP to contact Oracle Release 3, hosted EAR file (WSRP Producer).
Thanks in advance.

Hi José,
I don't think that is possible. But you can import the css files that ep uses for its look and feel and try to give your web pages similar look and feel. The tables and other controls used in EP are totally different and are done through complex JavaScript coding instead of simple HTML tags. If you want exact lok and feel then i thin you must go for a Webdynpro based application rather then a J2EE application with JSPs.
Regards,
Guru.
PS: Give points for helpful replies.

BSP - Look and Feel / Theme

Good Morning All,
disclaimer: I checked the blogs, I checked the discussions, I checked the examples, I checked the doco - and couldn't find the answer to my question.
Question:
I've already seen it, but can't remember where it is, does anyone know the name of the BSP Sample/Example which comes with the WAS which has the EP6 look and feel ?
I saw it a few weeks ago and I can't find it now and I want to study the code from it to make my app have a nicer look and feel.
Note: I read Thomas's blog on - 'A developer's Journal Part VI
and although that example discussed what I am interested in I couldn't see examples in the code of creating the header bar etc, maybe it's just me, but at the moment that's what I would like to achieve and to do it by example.
So to conclude if anyone knows / can remember the name of the BSP example which has an EP6 look and feel please let me know so that I can study it for inspiration.
Thanks very much,
Milan.

Hallo Milan,
I think that you are doing good. It is always the best to follow a small mix of documentation reading and practical work. So let me tell you the minimum to get a first version working. Thereafter to can continue reading!
Problem: we want to implement a simple link tag (in 15 minutes!) that works like this:
<%@page language="abap"%>
<%@extension name="htmlb" prefix="htmlb"%>
<%@extension name="bcm06" prefix="bcm06"%>
<htmlb:content design="design2003">
<htmlb:page>
 <bcm06:simpleLink href="http://www.sap.com">
 SAP Home Page!
 </bcm06:simpleLink>
</htmlb:page>
</htmlb:content>
In SE80 we defined a new BSP library bcm06. We define a new element simpleLink. Typical handler class name will be CL_BCM06_SIMPLELINK (just the convention we use). As body this tag can contain other HTML and also over BSP elements (we want to just render a link around all of body). We don't worry about the rest of the checkboxes. They will become interesting later on.
We activate the library. The workbench will detect that no handler class exists, and will generate all of the stuff we need. Now already the tag is full functional, and can be used on any BSP page. It just will not do anything.
What was generated? The class inheritance diagram is as follow: CL_BCM06_SIMPLELINK --> CLG_BCM06_SIMPLELINK --> CL_BSP_ELEMENT.
The class CL_BSP_ELEMENT is the base class, and it contains a lot of interesting functionality. None of which we worry about now. Never try to change it!
The class CLG_BCM06_SIMPLELINK (note that CLG_!) is generated new each and everytime that you touch the definition of the tag. Effectively all the defined attributes are generated onto this class, so that they are already of the correct type, and that this information is always in sync. This means that all your tag defined attributes are directly attributes on your class. In our case, the defined "href" attribute (type string) is now an attribute on the CLG class.
The last class CL_BCM06_SIMPLELINK will only be generated once if it does not exist. This is the class where you work. In this class there are two methods that are interesting to you at this moment. Later you will learn about the rest.
DO_AT_BEGINNING: This method is called effectively in response to the <lib:tag> sequence. This is the code that executes before the body. This is the place where we would like to render out "<a href=...>" sequence.
DO_AT_END: This method is called effectively at the end of the tag, when the </lib:tag> is seen. The body has now already been processed and sent onto the output stream. So we only need to render "</a>".
Note that these methods are implemented empty. You *MUST* overwrite them, and implement them in your class. See instructions from Thomas. Source code:
METHOD if_bsp_element~do_at_beginning.
DATA: html TYPE string.
CONCATENATE `<a href="` me->href `">` INTO html.
me->print_string( html ).
rc = co_element_continue.
ENDMETHOD.
METHOD if_bsp_element~do_at_end.
me->print_string( `</a>` ).
rc = co_page_continue.
ENDMETHOD.
Notice that you DO NOT need that super call. The base method will always be empty (from definition, will never change). You also have a direct PRINT_STRING method in newer SPs. The return code you must set. (To tell the truth, the constants for RC have been picked so perfectly that if you forget them, it should not hurt in 85% of the cases.)
That is it. Test page. Mine worked!
Of course, we can start looking at more exotic things, like empty tags, at tags that skip their bodies if not required, processing the body, validation, etc.
But this overview was just to give you that first success feeling, and also to give you a better framework for understanding more of the documentation as you continue to read.
Recommended: read <a href="/people/brian.mckellar/blog/2004/06/11/bsp-trouble-shooting-getting-help">Getting Help</a> to see how you can quickly navigate between BSP page and a tag's definition, from where you also quickly get to the implementation class of the tag.
bye, brian
PS: Now if this is not already the first page of your weblog done

Migrating sapgui look and feel settings of sapgui to new notebook.

Hi,
We are migrating from XP to Vista and SAPGui 640 to 710. (new notebooks are assigned to the users)
I copied saplogon.ini to the new notebook to preserve the links to the servers.
Some users have customized the look and feel of their SAPGui. How can I copy the settings of their SAPGui to the new notebook (like the visual design, color settings and font size that the user have set in their sapgui.)
thanks,
Roel

Hello Roel,
The windows vista version itself gives a new dimension to the look and feel. So I guess nothing must have been editted on SAPGUI screen.
And more of SAP GUI 640 to 700 look and features are also different.
Kindly request you to check with the user who has changed and got the looks as you found on his screen.
If you are looking for the changed screen after SAP gui login, where the main screen appears.
Then I would suggest, you go through thsi link below -
Change SAPGUI initial login screen
http://www.sap-img.com/basis/changing-the-sapgui-logo-on-the-right-hand-side.htm
Do let me know if this resolved your issue.
Thank you.
Regards,
Manomeet Mohapatra
Award points if helpful **

How to change the R/3 transac Look and feel in portals

Hi Experts......
How to change the look and feel of the R/3 transactions in portals.....
I need to change the color of the screen display and nodes.
Is there any easier way to do that....Kindly provide the inputs...
Thanks in Advance,
Jasmine

Hi Jasmine,
generally you have to "Theme Editor" in the portal which allows top level customization of design elements/ colours for the R/3 applicatins to be integrated into the portal.
Changed designs on a deeper levels for ITS can be done with SAP@Web Studio. Kindly check the help for further information.
Hth,
Michael

Type of browser affecting the look and feel

Hi all,
My webdynpro application, when viewed in portal iview from different browsers, causes great misalignment issues. For ex the application when viewd from IE looks perfectly fine, but when I use browsers like mozilla, chrome, safari etc there are many look and feel issues. Is there a way which the appliction would look same in all browsers or some sap note for this issue.
Thank you
Regards,
Preet Kaur

Hi Preet,
SAP Portal doesn't really support all the latest versions of browsers. I would suggest you to check the Platform Availability Matrix for browser compattibility based on your portal version.
If the issue is happening in SAP Delivered theme, and if the browser is supported by SAP - you can reach out to SAP for help.
In case of WD4A, your portal theme version should be higher than the backend version.
There are multiple notes with reference to browser compattibility which you might want to check based on your version, exact problem and type of application.
Thanks,
Shanti

Non-sap screen look and feel in webdynpro abap

Similar Messages

Maybe you are looking for