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

Similar Messages

SAP Portal Custom Theme change UI Look & Feel of ESS screens - 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 of ESS/MSS?
Any inputs in this regard will be of great help. thanks in advance.
Regards,
Sreeram

Hi Sreeram,
Yes, you should be able to apply the portal theme to both WDA and WDJ applications. This [posting|Re: webdynpro for abap using portal theme nw2004s, sp12; might help you.
BRgds,
Simon

SAP Portal custom themes not appearing in 'Personalize' link

Hi.
I am trying to make customised themes available to my users through the 'Personalize' link in the masthead. I have successfully customised the Personalize function so it now includes only the ability to choose themes - all other forms of personalisation have been stripped out. I have also successfully created a customised theme.
My problem is that the custom theme I have created does not appear in the values list within Personalize -> Portal Theme. Only SAP standard themes are appearing in the list. I have managed to assign the theme to users through a display rule, so I know the theme works OK. I have tried exporting and re-importing the theme, this did not help.
Does anybody know how I can make my custom theme available through the Personalize -> Portal Theme list?
Thanks in advance for any help,
Simon.

Hi,
Only the themes present in the desktop in which the users fall will be available in the personalize link.
In detail
System admin->portal display->Desktop and display rule ->open your desktop (in which the user falls)
Add all your custom theme to the desktop.
By now the custom theme will be present in personalize->custom theme.
Regards
Karthiheyan M

How Can I Create a Custom Panel With the InDesign ToolBar's Look and Feel

I am trying to create a custom panel that looks as close as possible to InDesign's native floating menu bar (with the Frame, Text, etc, icons on it). ToggleBarButtons doesn't look like, although it does contain the functinoality of the button which is pressed stayting pressed.
Any ideas?
TIA,
mlavie

Hi mlavie,
I found a nice post on this topic at:
http://blog.flexexamples.com/2007/08/20/creating-toggle-and-emphasized-button-controls-in- flex/
Hope this helps!
Thanks,
Ole

Chromosomes and genes in portal look and feel

Hi everybody.
Has anyone experimented succesfully the use of genes and chromosomes in bea portal 9.2?
I have troubles with look and feel editor, that doesn't show inlined css, and runtime also, that seems to always
get the default.chromosome file instead of the one i configured in the .laf file.
Any point? Thank you.

In regard to your chromosome not working: if you created your .portal file first, and then changed the .laf file, you'll need to reload the markup from Workshop. See the second bullet item on this link: http://edocs.bea.com/wlp/docs92/portals/develop_portals.html#wp1011140
If you want, before you do the above, you can check the markup of your .portal file to see if it's correct. Open your .portal as XML, and find the <netuix:lookAndFeel> element. It should have a attributes for skinChromosome and skeletonChromosome that equal your new .chromosome file's name.
I don't believe that the Look and Feel editor supports inlined CSS rules at this time, but that is an optimization in scope for the next release.
George

How to change the default look and feel

Hi.
Does anyone knows how to change the default Caspian look and feel to, for example, Nimbus ?
Or the skin feature turns look and feel setting, as We know in java, unnecessary in javafx ?
I´m using javafx 1.2.
Cheers

Canspian is not a look&feel, it's a skin.
Look&feel only change the SwingComponent,
regards.

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.

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

Change Portal Look and Feel

Experts,
How to Change Portal Look and Feel u2013 Branding. (Basic Knowledge of JSP and HTMLB required) ?...
Please provide me some link i will be thankful to you guys.
Thanks
Nityanand Arya

Hi
refer to the following links:
[MastHead Change & Portal Desktop|MastHead Change & Portal Desktop]
[Portal Customizations Intro - Login Part 1|MastHead Change & Portal Desktop]
[Portal Customizations Intro - Login Part 2|Portal Customizations Intro - Login Part 2]
[Portal Customizations Intro - Look&Feel Part 3|Portal Customizations Intro - Look&Feel Part 3]
For Portal Themes refer this[http://help.sap.com/saphelp_nw70/helpdata/en/f4/bb7a3b688d3c1de10000000a11402f/frameset.htm|http://help.sap.com/saphelp_nw70/helpdata/en/f4/bb7a3b688d3c1de10000000a11402f/frameset.htm]
Cheers
Chinmaya

JFileChooser not opening when we applied custom Look and Feel & Theme

Dear All,
JFileChooser not opening when we applied custom Look and Feel & Theme.
The following is the source code
import java.awt.Color;
import javax.swing.*;
import javax.swing.plaf.ColorUIResource;
import javax.swing.plaf.metal.MetalLookAndFeel;
import com.jgoodies.looks.plastic.*;
public class CustomTheme {
public static void main(String[] args)throws UnsupportedLookAndFeelException{
UIManager.setLookAndFeel(new MyLookAndFeel());
MyLookAndFeel.setCurrentTheme(new CustomLaF());
JFrame frame = new JFrame("Metal Theme");
JFileChooser jf = new JFileChooser();
System.out.println("UI - > "+jf.getUI());
//jf.updateUI();
frame.getContentPane().add(jf);
frame.pack();
frame.setVisible(true);
static class CustomLaF extends PlasticTheme {
protected ColorUIResource getPrimary1() {
return new ColorUIResource(232,132,11);
public ColorUIResource getPrimary2() {
          return (new ColorUIResource(Color.white));
     public ColorUIResource getPrimary3() {
          return (new ColorUIResource(232,132,11));
public ColorUIResource getPrimaryControl() {
return new ColorUIResource(Color.GREEN);
protected ColorUIResource getSecondary1() {
return new ColorUIResource(Color.CYAN);
protected ColorUIResource getSecondary2() {
          return (new ColorUIResource(Color.gray));
     protected ColorUIResource getSecondary3() {
          return (new ColorUIResource(235,235,235));
     protected ColorUIResource getBlack() {
          return BLACK;
     protected ColorUIResource getWhite() {
          return WHITE;
static class MyLookAndFeel extends Plastic3DLookAndFeel {
          protected void initClassDefaults(UIDefaults table) {
               super.initClassDefaults(table);
          protected void initComponentDefaults(UIDefaults table) {
               super.initComponentDefaults(table);
               Object[] defaults = {
                         "MenuItem.foreground",new ColorUIResource(Color.white),
                         "MenuItem.background",new ColorUIResource(Color.gray),
                         "MenuItem.selectionForeground",new ColorUIResource(Color.gray),
                         "MenuItem.selectionBackground",new ColorUIResource(Color.white),
                         "Menu.selectionForeground", new ColorUIResource(Color.white),
                         "Menu.selectionBackground", new ColorUIResource(Color.gray),
                         "MenuBar.background", new ColorUIResource(235,235,235),
                         "Menu.background", new ColorUIResource(235,235,235),
                         "Desktop.background",new ColorUIResource(235,235,235),
                         "Button.select",new ColorUIResource(232,132,11),
                         "Button.focus",new ColorUIResource(232,132,11),
                         "TableHeader.background", new ColorUIResource(232,132,11),
                         "TableHeader.foreground", new ColorUIResource(Color.white),
                         "ScrollBar.background", new ColorUIResource(235,235,235),
                         "ToolTip.foreground", new ColorUIResource(232,132,11),
                         "ToolTip.background", new ColorUIResource(Color.white),
                         "OptionPane.questionDialog.border.background", new ColorUIResource(Color.gray),
                         "OptionPane.errorDialog.titlePane.foreground", new ColorUIResource(Color.white),
                         "OptionPane.questionDialog.titlePane.background", new ColorUIResource(232,132,11),
                         "Table.selectionBackground", new ColorUIResource(232,132,11)
               table.putDefaults(defaults);
When i run this program the following error is coming:
Exception in thread "main" java.lang.NullPointerException
at javax.swing.plaf.metal.MetalFileChooserUI$IndentIcon.getIconWidth(Unknown Source)
at javax.swing.SwingUtilities.layoutCompoundLabelImpl(Unknown Source)
at javax.swing.SwingUtilities.layoutCompoundLabel(Unknown Source)
at javax.swing.plaf.basic.BasicLabelUI.layoutCL(Unknown Source)
at javax.swing.plaf.basic.BasicLabelUI.getPreferredSize(Unknown Source)
at javax.swing.JComponent.getPreferredSize(Unknown Source)
at javax.swing.plaf.basic.BasicListUI.updateLayoutState(Unknown Source)
at javax.swing.plaf.basic.BasicListUI.maybeUpdateLayoutState(Unknown Source)
at javax.swing.plaf.basic.BasicListUI$ListSelectionHandler.valueChanged(Unknown Source)
at javax.swing.DefaultListSelectionModel.fireValueChanged(Unknown Source)
at javax.swing.DefaultListSelectionModel.fireValueChanged(Unknown Source)
at javax.swing.DefaultListSelectionModel.fireValueChanged(Unknown Source)
at javax.swing.DefaultListSelectionModel.changeSelection(Unknown Source)
at javax.swing.DefaultListSelectionModel.changeSelection(Unknown Source)
at javax.swing.DefaultListSelectionModel.setSelectionInterval(Unknown Source)
at javax.swing.JList.setSelectedIndex(Unknown Source)
at javax.swing.plaf.basic.BasicComboPopup.setListSelection(Unknown Source)
at javax.swing.plaf.basic.BasicComboPopup.access$000(Unknown Source)
at javax.swing.plaf.basic.BasicComboPopup$ItemHandler.itemStateChanged(Unknown Source)
at javax.swing.JComboBox.fireItemStateChanged(Unknown Source)
at javax.swing.JComboBox.selectedItemChanged(Unknown Source)
at javax.swing.JComboBox.contentsChanged(Unknown Source)
at javax.swing.AbstractListModel.fireContentsChanged(Unknown Source)
at javax.swing.plaf.metal.MetalFileChooserUI$DirectoryComboBoxModel.setSelectedItem(Unknow
at javax.swing.plaf.metal.MetalFileChooserUI$DirectoryComboBoxModel.addItem(Unknown Source
at javax.swing.plaf.metal.MetalFileChooserUI$DirectoryComboBoxModel.access$2300(Unknown So
at javax.swing.plaf.metal.MetalFileChooserUI.doDirectoryChanged(Unknown Source)
at javax.swing.plaf.metal.MetalFileChooserUI.access$2600(Unknown Source)
at javax.swing.plaf.metal.MetalFileChooserUI$12.propertyChange(Unknown Source)
at javax.swing.event.SwingPropertyChangeSupport.firePropertyChange(Unknown Source)
at javax.swing.event.SwingPropertyChangeSupport.firePropertyChange(Unknown Source)
at javax.swing.JComponent.firePropertyChange(Unknown Source)
at javax.swing.JFileChooser.setCurrentDirectory(Unknown Source)
at javax.swing.JFileChooser.<init>(Unknown Source)
at javax.swing.JFileChooser.<init>(Unknown Source)
at CustomTheme.main(CustomTheme.java:20)
I am extending the JGoodies Look And Feel & Theme.
Thanks in advance
Krishna Mohan.

Dear cupofjoe,
Thank you for your response.
I am using the Latest JGoodies Look & Feel which is downloaded from http://www.jgoodies.com.
i am writing our own custom Look & Feel By Overridding Jgoodies Look & Feel.
In that case i am getting that error.
The following is the source code:
import java.awt.Color;
import javax.swing.*;
import javax.swing.plaf.ColorUIResource;
import javax.swing.plaf.metal.MetalLookAndFeel;
import com.jgoodies.looks.plastic.*;
public class CustomTheme {
public static void main(String[] args)throws UnsupportedLookAndFeelException{
UIManager.setLookAndFeel(new MyLookAndFeel());
MyLookAndFeel.setCurrentTheme(new CustomLaF());
JFrame frame = new JFrame("Metal Theme");
JFileChooser jf = new JFileChooser();
//System.out.println("UI - > "+jf.getUI());
//jf.updateUI();
//frame.getContentPane().add(jf);
frame.pack();
frame.setVisible(true);
static class CustomLaF extends PlasticTheme {
protected ColorUIResource getPrimary1() {
return new ColorUIResource(232,132,11);
public ColorUIResource getPrimary2() {
          return (new ColorUIResource(Color.white));
     public ColorUIResource getPrimary3() {
          return (new ColorUIResource(232,132,11));
public ColorUIResource getPrimaryControl() {
return new ColorUIResource(Color.GREEN);
protected ColorUIResource getSecondary1() {
return new ColorUIResource(Color.CYAN);
protected ColorUIResource getSecondary2() {
          return (new ColorUIResource(Color.gray));
     protected ColorUIResource getSecondary3() {
          return (new ColorUIResource(235,235,235));
     protected ColorUIResource getBlack() {
          return BLACK;
     protected ColorUIResource getWhite() {
          return WHITE;
static class MyLookAndFeel extends Plastic3DLookAndFeel {
          protected void initClassDefaults(UIDefaults table) {
               super.initClassDefaults(table);
          protected void initComponentDefaults(UIDefaults table) {
               super.initComponentDefaults(table);
               Object[] defaults = {
                         "MenuItem.foreground",new ColorUIResource(Color.white),
                         "MenuItem.background",new ColorUIResource(Color.gray),
                         "MenuItem.selectionForeground",new ColorUIResource(Color.gray),
                         "MenuItem.selectionBackground",new ColorUIResource(Color.white),
                         "Menu.selectionForeground", new ColorUIResource(Color.white),
                         "Menu.selectionBackground", new ColorUIResource(Color.gray),
                         "MenuBar.background", new ColorUIResource(235,235,235),
                         "Menu.background", new ColorUIResource(235,235,235),
                         "Desktop.background",new ColorUIResource(235,235,235),
                         "Button.select",new ColorUIResource(232,132,11),
                         "Button.focus",new ColorUIResource(232,132,11),
                         "TableHeader.background", new ColorUIResource(232,132,11),
                         "TableHeader.foreground", new ColorUIResource(Color.white),
                         "ScrollBar.background", new ColorUIResource(235,235,235),
                         "ToolTip.foreground", new ColorUIResource(232,132,11),
                         "ToolTip.background", new ColorUIResource(Color.white),
                         "OptionPane.questionDialog.border.background", new ColorUIResource(Color.gray),
                         "OptionPane.errorDialog.titlePane.foreground", new ColorUIResource(Color.white),
                         "OptionPane.questionDialog.titlePane.background", new ColorUIResource(232,132,11),
                         "Table.selectionBackground", new ColorUIResource(232,132,11)
               table.putDefaults(defaults);
pls suggest me the how to solve this problem.
thanks in advance
Krishna MOhan

Change of Layout/Look and Feel in BI 7 Reports.

Hi,
This is Prem from NetWeaver Portals.
Currently we have a couple of BI 7.0 reports integrated into portal.
We have also used Portal Themes to alter the Look and Feel of the BI reports with respect to Heading colors, alternate row colors etc. But the scope of changing the Look and feel of BI reports from the Portal theme is very limited.
Is there a way to modify it further from BI's CSS?
Where is this functionality provided in SAP BI 7.0?
We are also interested in changing the Layout of the reports in BI. i.e. unlike the standard BI format of reports as generated from the Web Application designer, we would like to change the layout as well.
How is this layout change carried out? Web Templates?
Kindly spell out a solution for me as I'm not aware of BI
Thanks and Regards,
Prem

Could yo please explain little detial. how do you changed the look and feel of reports through the portal themes. We are trying to change the colors of the execptions and text box and some more. we have created a custom theme in which we changed the complex formatted table crictal, bad, good colors. when we assigned this theme through personalization to the user, custom theme colors are not seen in the BW report.
Please let us know
thanks and regards
venkata bandi

How to give BSP Iview look and feel of portal??

Hi All,
I've created a BSP application that I use to create an Iview for portal.
I thought that if i used htmlb tags that the look and feel of portal would be automatic to my app but its not.
I've tried assigning portal css classes to a html table but there's no effect.
I've previewed one of the standard ivews and viewed the source and found the path of the css file. But when i looked for it on the server, while the out folder was there (com.sap.portal.design.portaldesigndata) , there was no css files in this folder.
So i'm at a loss. In summary, how do i get my bsp app to have the portal look and feel????? I would prefer to use the css files so that if any changes are made to the standard, the changes will be reflected in my custom iviews too.
Any help, would be most welcome,
Liz.

Hi Liz,
on the properties tab for the BSP application try selecting the "Supports Portal Integration" checkbox.
Cheers
Graham Robbo

Portal look and feel?

Hi,
Can someone please direct me to threads/wiki/blog/sap help for customising portal look and feel like company branding logo and colour themes etc.. I have to a requirement to match SAP Portal interface to look like existing company intranet web site.
Also please let me know how can I transport these portal setting once configured to different environment (QA and PRD).
Thanks
Praveen.

Hi Praveen,
The questions you asked have been posted many a times before. Do search and if you dont get any good results then you may always post.
As for know do refer to the following links:
MastHead Change & Portal Desktop
Portal Customizations Intro - Login Part 1
Portal Customizations Intro - Login Part 2
Portal Customizations Intro - Look&Feel Part 3
http://wiki.sdn.sap.com/wiki/display/EP/LookandFeel
For more information of Themes, Transporting themes - http://help.sap.com/saphelp_nw70/helpdata/en/f4/bb7a3b688d3c1de10000000a11402f/frameset.htm
Thanks,
GLM

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

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

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

Similar Messages

Maybe you are looking for