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

Similar Messages

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

How Can You Change the Look and Feel of Charts in OBIEE 11g

How Can You Change the Look and Feel of Charts in OBIEE 11g?
Edited by: user11973122 on Jul 18, 2012 12:13 AM

Check these files
OFM_HOME\Oracle_BI1\bifoundation\web\msgdb\s_blafp\viewui\chart\dvt-graph-skin.xml
OFM_HOME\Oracle_BI1\bifoundation\web\msgdb\views\dvtchart\obips.dvtchart.xml
OFM_HOME\Oracle_BI1\bifoundation\web\display\chartfontmapping.xml
Pls mark correct or helpful if helps

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

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

How to change the look and feel for Heading of quick launch menu in project server 2010

Hi
can someone tell me how to change the look and feel of Header names in quick launch.
I want the header to be displayed in Bold with Underline to it.
could this be possible for just header in quick launch in project server 2010.

Hi Rohan
It does not work this way. You have to use a content editor webpart.
See references below that might help you starting with this customisation:
Http://go4answers.webhost4life.com/Example/sharepoint-2010-quick-launch-look-feel-78379.aspx
Http://m.sharepointpromag.com/sharepoint/four-ways-add-or-remove-quick-launch-menu-control
Hope this helps.
Guillaume Rouyre - MBA, MCP, MCTS

Edit templates and change the look and feel of apex UI

Hi Friends,
I am trying to change the look and feel of apex pages(change the alignment,color etc) and try to edit the template
of apex pages. Please give me links or tutorials that helps to accomplish this,
Thanks,
Tj

Hello Tj,
You can spend some time on how to create your own Template, but it comes down to design your site in html and then break it into pieces and change the Templates in APEX with that html.
In that html you use tags e.g. #BOX_BODY# to tell APEX where the forms and reports need to come.
In the doc there are some explanations too: http://download.oracle.com/docs/cd/E14373_01/appdev.32/e11838/themes.htm#BABBFHJA
I think the best method is to just try it. Sure we give a course on that too, so it's up to you if you need training on that or the doc/your tries are sufficient or not.
Once you know how things work you can do pretty much everything.
Regards,
Dimitri
http://dgielis.blogspot.com/
http://www.apex-evangelists.com/

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.

Change in look and feel

Hi
After the Server has restarted the look and feel of the portal has been changed.
could any one tell me what could be the problem for this change?
regards
ambicasony

Ok,
is it a bad looking look and feel, i mean do you think this look and feel contains error or is kind of bugged ?
what i am trying to know, is if this new look and feel cames from a portal desktop change or if it is really a bug.
Message was edited by:
Fabien REVOL

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

Wireframes to portal look and feel

hi,
i am working on a webcenter portal application.
as usual, we have got wireframes (html prototypes) from customer which has html, js and css files.
now i have to produce same kind of look and feel on webcenter portal.
please suggest what shall i do?
is this recommended way?
i copy content of css file which i got as part of wireframes into portal-skin.css file, now i use html components (div, ul, li, p etc) in page template and other jspx pages (reference could be the html files which i got in wireframes).
please suggest.

Hi.
You can select two ways:
- Continue with your HTML + CSS and create templates based directly on wireframes. Faster and easier solution for non-adf people.
- Translate your wireframes to a ADF Templates and use ADF Skinning to achieve the styles. Slower and hard if you don't have much experience with it.
About the solution of maintain HTML + CSS:
- Maintain your structure of CSS, images and JS in separated folders of skin folder (In Web Content or in project PortalWebAssets).
- In Skin files (like portal-skin.css) change ADF Skinning of components only. Is the best way to maintain the hierarchy of adf skins.
About the solution full ADF:
- Read this document about full ADF Skin and Templates: http://www.oracle.com/technetwork/middleware/webcenter/portal/learnmore/pagetemplates-1438595.pdf
More info:
- In adf-config.xml you can provide rewrite rules to search your static-files when you are using Web Server (OHS) to server static-files.
I hope this help you.
Regards.

Change XP Look and Feel Rollover Highlight Color

Is it possible to change the orange rollover highlight color that is used in the Windows XP Look and Feel? If so, how? I want to change it in once place and see the results on every component in my application.

By the way, I'm using 1.5

Function to change Boarder Look and feel of Jframe - Not working

Hi all,
In the given SSCE, the functionpublic void changeButtonColor(Component[] comps) to change the border look and feel of JFrame is not working.Please help.
import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Component;
import java.awt.Container;
import java.awt.Dimension;
import java.awt.FlowLayout;
import java.awt.Insets;
import java.util.Vector;
import javax.swing.AbstractButton;
import javax.swing.BorderFactory;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
import javax.swing.JViewport;
import javax.swing.SwingConstants;
import javax.swing.UIManager;
public class ScrollableWrapTest {
    public static void main(String[] args) {
        try {
            final JPanel mainPanel = new JPanel(new WrapScollableLayout(FlowLayout.LEFT, 10, 10));
            mainPanel.setBackground(Color.WHITE);
            JScrollPane pane = new JScrollPane(mainPanel);
            pane.setPreferredSize(new Dimension(320, 200));
            Vector v = new Vector();
            v.add("first");
            JButton button = null;
            for(int i =0;i<v.size();i++){
                    JPanel panel = new JPanel(new BorderLayout());
                    panel.setBackground(Color.WHITE);
                    int num = mainPanel.getComponentCount()+1;
                    button = new JButton("button" + num);
                    button.setPreferredSize(new Dimension(90, 25));
                    JLabel label = new JLabel((String)v.elementAt(i));
                    label.setHorizontalAlignment(SwingConstants.CENTER);
                    panel.add(button, BorderLayout.NORTH);
                    panel.add(label, BorderLayout.SOUTH);
                    mainPanel.add(panel);
                    mainPanel.revalidate();
            ScrollableWrapTest st = new ScrollableWrapTest();
            st.buildGUI(pane);
        } catch (Exception e) {e.printStackTrace();}
    public void buildGUI(JScrollPane scrollPane)
         JFrame frame = new JFrame("Scrollable Wrap Test");
         JFrame.setDefaultLookAndFeelDecorated(true);
        UIManager.put("activeCaption", new javax.swing.plaf.ColorUIResource(Color.LIGHT_GRAY));
        changeButtonColor(frame.getComponents());
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.add(scrollPane, BorderLayout.CENTER);
        frame.setLocationRelativeTo(null);
        frame.pack();
        frame.setVisible(true);
    public void changeButtonColor(Component[] comps)
      for(int x = 0, y = comps.length; x < y; x++)
        if(comps[x] instanceof AbstractButton)
          ((AbstractButton)comps[x]).setBackground(Color.LIGHT_GRAY);
          ((AbstractButton)comps[x]).setBorder(BorderFactory.createLineBorder(Color.LIGHT_GRAY));
        else if (comps[x] instanceof Container)
          changeButtonColor(((Container)comps[x]).getComponents());
    private static class WrapScollableLayout extends FlowLayout {
        public WrapScollableLayout(int align, int hgap, int vgap) {
            super(align, hgap, vgap);
        public Dimension preferredLayoutSize(Container target) {
            synchronized (target.getTreeLock()) {
                Dimension dim = super.preferredLayoutSize(target);
                layoutContainer(target);
                int nmembers = target.getComponentCount();
                for (int i = 0 ; i < nmembers ; i++) {
                    Component m = target.getComponent(i);
                    if (m.isVisible()) {
                        Dimension d = m.getPreferredSize();
                        dim.height = Math.max(dim.height, d.height + m.getY());
                if (target.getParent() instanceof JViewport)
                    dim.width = ((JViewport) target.getParent()).getExtentSize().width;
                Insets insets = target.getInsets();
                dim.height += insets.top + insets.bottom + getVgap();
                return dim;
}Please help.
Rony

You are calling changeButtonColor(frame.getComponents()) before you add the JScrollPane to the content pane.
But why not just move this to the button creation loop?
button = new JButton("button" + num);
button.setBackground(Color.LIGHT_GRAY);
button.setBorder(BorderFactory.createLineBorder(Color.LIGHT_GRAY));

Changing the look and feel of BSP pages(HAP_DOCUMENT)

Hi all,
My client doesn't like the standard layout of the appraisal documents. The standard BSP application used for this is HAP_DOCUMENT.
I am trying to change the font type and sizes etc in the layout. I read about CSS. But i am not able to understand how to use these Cascade Style Sheets in BSP application.
i went through the BLOG <a href="https://www.sdn.sap.com/irj/sdn/weblogs?blog=/pub/wlg/1117">BSP/HowTo: CSS Hints - Custom Design for your BSP Applications</a>(did some home work)
. it does givean idea about the CSS. but i am not sure how to use in my case.
For example i want to change the font size of the appraiser name. in the layout of the page there is the below code:

          <htmlb:tableViewColumn columnName   = "APPRAISER_NAME"
                                 wrapping     = "true" >
          </htmlb:tableViewColumn>
but no attribute to change the font. and for many other fields, they are not mentioned in the layout.....
so how do i change the style without that being in the layout....
If any one worked on changing the layout of BSP applications please guide me.
Thanks in advance.
manasa

Hi rohit!
Thanks a lot for your inputs. I am trying to use the CSS sheet option as i have to make many more changes in the application other than the fonts(like change the width of the box, line spacing etc).
I am trying to get the standard style sheet used in this application so that i can make changes. but in the appl i am not able to find the exact style sheet being used.
in the layout_sap_standard.htm view i see tthis statement <htmlb:content design="DESIGN2002+DESIGN2003" and then this view includes the file document_header.htm so i went into this page fragment document_header.htm and i dont see any usefful information in layout.
So i went to the MIME reporitory and looked for DESIGN2003+DESING2002 and i found SAP/PUBLIC/BC/UR/design2002. i see so many css files under that folder. so as a trial i looked at the source code of the page and i found some statemnts which are given in the layout of the page like " cellpadding="0" id="htmlb_gridlayout_2" class="urGridLayout" etc...but icouldnot find any command pointing towards the cssfiles...
i am totally lost.....
i tried to attach some screen shots but was not able to do that here.....
can you please help me out here.....if you dont mind please give me ur email id so that i can send you in detail what i am trying to achieve....
i have spent many hours doing research on this and now i have to deliver the work to the client soon....
any help is greatly appreciated.
thanks once again
manasa

Instant portal Look and Feel

Guru's,
A customer is looking to brand an instant portal. Here's my question.
Can they change the CSS that is delivered with Instant Portal to Brand?
Can they use the HTML Template capability within Instant Portal
Kwesi

Search this forum for tips. There's an unsupported API (wwpob something...), or you can do a recursive query (think CONNECT BY) that crawls up the page hierarchy or you can select the page GUID from wwv_things (which I'd need to remember how to do), and then access it using /portal/pls/portal/<GUID> syntax.
I'd kinda recommend the last option. It looks to me that Instant Portal does something to that effect.
Thanks for mentioning Instant Portal. I showed it to our web content guy, and he's all excited about it for solving the "i need a departmental intranet!" quagmire.
Now all the portal CM guys need to do is extend those amazing, AJAX-y Instant Portal bits to the rest of the product! That would definitely lower the ease-of-use barrier.

Change Portal Look and Feel

Similar Messages

Maybe you are looking for