Top-Level Navigation Tab Image

In the top-level navigation it allows you to assign background colors for the tab colors when selected or not selected. However, you can reference an image with a unique path in this field. So when the top-level navigation renders it displays an image, gradient for example instead of a background color. I did this a while back but cannot locate this information. If someone has done this before and can provide this information that would be great.
--KAL

I just tested it, and did not manage to make it work.
I am in the Portal Outer Frame > Top-Level Navigation > Unselected Tabs of First Level > Background Color of Unselected Tabs
and this is the value I use :
background:url(http://<host>:port/irj/go/km/docs/documents/SDN/my_image.png)
Am I missing something ? Do I have to create a par file for this ?
Edited by: Fabien REVOL on Aug 6, 2010 9:28 AM

Similar Messages

Top-level navigation tabs shape

Hi,
I need to have rounded tabs in th top level navigation, can anyone tell me if there is a easy way to do this??
Thanks in advance,

Hi Marysol,
Did you find the documentation? Do you have additional questions on the navigation tag library?
Also, when you first looked for the documentation, what was the problem that caused you not to find it? How would it be better to organize the documentation?
Daniel
P.S.: If Ankur's post helped you, please consider awarding points. Thanks.

How to move Top-Level Navigation tabs from left to right side

Hello Gurus,
Is there a way to modify the TLN tabs to display on the right hand side instead of the left? If yes, please tell me which jsp or par file I need to modify this.
Thanks so much in advanced,
David

Hi Jojo,
Thanks for your help. Could you please tell me which section I need to add.
<%@ page import = "java.util.ResourceBundle" %>
<%!
   public static final String KEY_RB_TXT_TOPNAV_ENTERING     = "TXT_TOPNAV_ENTERING";
   public static final String KEY_RB_TXT_TOPNAV_LEAVING      = "TXT_TOPNAV_LEAVING";
   public static final String KEY_RB_TXT_TOPNAV_SCROLL_LEFT = "TXT_TOPNAV_SCROLL_LEFT";
   public static final String KEY_RB_TXT_TOPNAV_SCROLL_RIGHT = "TXT_TOPNAV_SCROLL_RIGHT";
private String getNLSString(IPortalComponentRequest request, String resource_key) {
   try {
      ResourceBundle bundle = request.getResourceBundle();
      if(bundle!=null) {
        return bundle.getString(resource_key);
      return resource_key;
} catch(MissingResourceException e) {
      return resource_key;
%>
<%
boolean isSection508SupportOn = false;
boolean isRtL                 = false;
String section508Support = (String)componentRequest.getNode().getValue("Section508Support");
String isRtLString       = (String)componentRequest.getNode().getValue("isRtL");
if(section508Support!=null && section508Support.equals("On")) {
   isSection508SupportOn = true;
if(isRtLString!=null && isRtLString.equals("true")) {
     isRtL = true;
String strLevels = (String)componentRequest.getNode().getValue("NumOfDisplayLevels");
int levels = (Integer.valueOf(strLevels)).intValue();
if (levels != 0) { %>
<table id="TLNTable" name="TLNTable" border="0" onresize="SetTLNHeightAndSize()" cellspacing="0" cellpadding="0" class="prtlTopNavWhl" <% if(isSection508SupportOn) { %> tabIndex="0" accesskey="t" title="<%=getNLSString(componentRequest, KEY_RB_TXT_TOPNAV_ENTERING)%>" onkeydown="nav_skip('TLNTable',event)" <% } %> >
<tr>
     <td id="NotchTD" name="NotchTD" nowrap class="prtlTopNavNotch" style="">

How to move Top-Level Navigation tabs from left to center side

Hi,
Is there a way to modify the TLN tabs to display on the center side instead of the left? (as if it were a align = center in the code of table)
I tried to change printLevel1Table and printLevel functions in toplevelnavigation.js.org file, but it not work.
Please tell me which jsp or par file I need to modify this.
Thanks so much in advanced

Hi Dario Laurora ,
Yes TLN tabs can be made to displayed with center alignment. Try analyzing the code of TLN.
Have a look at this link http://www.sdn.sap.com/irj/sdn/go/portal/prtroot/docs/library/uuid/a0b25512-07c8-2a10-4289-b45a3333b869 and http://www.sdn.sap.com/irj/scn/index?rid=/library/uuid/c0a1aea5-a2d1-2a10-c6bc-953bdadfdcb8 and http://www.sdn.sap.com/irj/scn/index?rid=/library/uuid/6066b302-09c8-2a10-a894-eb9fef30df85 This will help you in understanding how TLN are made to displayed .Everything is controlled by CSS.Though the link concentrates single level of TLN hovel menu, it will surely help you in achieving you requirement.
Regards
Karthiheyan Murugesan

Top Level Navigation Tabs

Is there a way to round out the corners of the tabs in the TLN?

Hi Kathleen,
it depends which framework page / which TLN iView you use. The design is quite straight forward if you are using the light framework page with the light TLN iView which uses the NavTagLib. In the corresponding JSP, you can easily add the HTML layout you would like to use.
In the standard framework page with it's standard TLN iView implementation, this is a bit more complicated for the update of the TLN is done by JS. The table is built within toplevelnavigation.jsp but filled dynamically through JS (in toplevelnavigation.js, functions printLevel1Table/printLevel2Table).
Hope it helps
Detlev

Top level navigation repeat tab

Hi Guys,
Simple one here, just cant point my fingers to it. The top level navigation tab in my portal is repeating itsself. There are 1 additional set of tabs. HOw do i sort this out? thanks
regards,
johan

For more information on Merging Navigation Nodes and Defining the Sequence, check:
<a href="http://help.sap.com/saphelp_nw04/helpdata/en/53/89503ede925441e10000000a114084/frameset.htm">http://help.sap.com/saphelp_nw04/helpdata/en/53/89503ede925441e10000000a114084/frameset.htm</a>
Kind regards, Hilco

Display Icon/Image instead of Role name in top level navigation

Hi,
I want to display a image / icon instead of role name for a particular role. Can you please tell me how to achieve this ?
Thanks,
VP

Hi,
the thread is just for the background image (for all elements).
if you want to display icons instead of role names, you have to create your custom top level navigation using the
navigation taglib from SAP. There are lots of examples. make a blog search for Mr "Kannengiesser" from SAP.
In case you are using already an EHPx in your EP 7.0 the AJAX framework might have this feature.
Regards,
Kai

Tab in Top Level Navigation is not highlighted when clicked on

Hi guys,
We have 1 problem in EP 6.0:
I create 1 iview(testiview), and attached to the role(testrole), assigned to 1 user, then login with that user. In top level navigation, i am able to see the role(testrole) in top level navigation, but after i clicked, the tab for this role is not highlighted, but the content of iview is displayed,
Any one knows what happened?
Thanks!
Guo Feng

Hi Guo
You have created one role and added one iView under it.
now can u tell which one you made as entry point.
if Role is the entry point are you getting the iView link in the DTN ?
If you made iView as entry point and then you r getting the content in content area and the iView link in the top.
i think the second one happens...
Check the role and iView properties .
Make the Role as entry point..
Cheers
Chinmaya
Reward for helpful answers

How to display image in top level navigation

Hi,
how can i display an image in the top level navigation?
(looks like the top level navigation of the SDN)
Thanks,
Norman

Hello Norman,
Please read through these forum links which also deal with customization of Portal 'Top Level Navigation'.
Basically you need to download the required masthead.par and make the necessary changes as mentioned in the forum messages as belwo:
[Customizing Top Level Navigation|https://forums.sdn.sap.com/thread.jspa?threadID=511530]
[Customize Portal TLN|https://forums.sdn.sap.com/thread.jspa?threadID=1145007]
Hope this helps.
Regards,
Shailesh

Problem with switching tabs in top level navigation for Roles

Hi,
I've created two tabs (based on two roles) in the portal top level navigation menu. When clicking the first one it opens as it should. Then when clicking on the second tab it will not open, instead the first tab open up again, it sort of switches back automatically.These two roles are basically consists of worksets and iviews(accessing to r/3).
Does anyone have any expericene with this type of problem?
please suggest me
Thanks
Aravinda

Hi Aravinda
Please check this link
Re: Problem with switching tabs in top level navigation
Regards
Geogi

Problem with switching tabs in top level navigation

Hi,
I've created two tabs (based on two roles) in the portal top level navigation menu. When clicking the first one it opens as it should. Then when clicking on the second tab it will not open, instead the first tab open up again, it sort of switches back automatically.
Does anyone have any expericene with this type of problem?
Best regards, Olof Trönnberg

Hi George
On startup of the role an iview was called which opened a gif file stored in the KM. This iview wasn't added to any page so I basically did just that; added it to a page. Now the problem seems to have gone away!
Thanks!

Show portal top level navigation in tab format to a tree fromat

hi all,
whn i assign roles to the portal they are displayed in the top level navigation in the tab format.''
Inspite of showing it in the tab format i want to show it in left croner in the tree format
>role1
        >attri1
        >attri2
>role2
        >attri1
        >attri2
Please help me in this...Awaiting for your response.

Hi, you can change the Look & Feel of Portal.
See link below to create a new Portal Desktop
http://www.sdn.sap.com/irj/scn/index?rid=/library/uuid/e549a890-0201-0010-3f8b-d3b852457ebd&overridelayout=true
Regards,
Edson Thomaz

How to change Top-Level navigation design bar into an image?

Hi guru's,
is there anybody who knows how i can change the Top-Level navigation design bar into an image?
thanks in advance
greets
Kurt

Hi
Check this....
http://help.sap.com/bp_epv260/EP_JA/documentation/EP/N08_BB_ConfigGuide_EN_JP.doc
Regards

How to add tabs in the top level navigation

Hi,
We are using EP 6.0 sp2 and patch 39, kindly suggest how to add additional tabs to the existing tabs on the top level navigation.
Swetha

Hi Swetha,
Please have a look on following links,
http://help.sap.com/saphelp_nw2004s/helpdata/en/cc/1f6f3ee3c33f7ce10000000a114084/frameset.htm
http://help.sap.com/saphelp_nw2004s/helpdata/en/4e/3e703e632c7937e10000000a114084/frameset.htm
Regards,
Vishal

Show/Hide tabs in top level navigation of a role based on assigned services

Hi,
I have an interesting requirement. I have created an overview page in abap web dynpro which has links to various services.
Based on the r3 roles assigned to the user, we need to show/hide the services in the overview page and top level navigation.
I can show/hide the views in the overview page but the links on top level navigation are created in the portal frontend by creating worksets, iviews, etc.
Is there a way I can show or hide these worksets which are defined in the role on top level navigation?
In a nutshell, can i update the visible/invisible property of a java workset from a call in abap web dynpro?
Regards,
Sumeet

Please refer the framework page [http://help.sap.com/saphelp_nw70/helpdata/en/02/c7918e9fca44519701c47028a053fd/content.htm|http://help.sap.com/saphelp_nw70/helpdata/en/02/c7918e9fca44519701c47028a053fd/content.htm]
What i meant was that you can do a custom TLN like this
[http://help.sap.com/saphelp_nwce711core/helpdata/en/42/fd515a2aa95277e10000000a1553f7/content.htm|http://help.sap.com/saphelp_nwce711core/helpdata/en/42/fd515a2aa95277e10000000a1553f7/content.htm]
Seems to me java/jsp is more appropriate than doing it via WDA.
ANother way that you might look into this is Application integrator which again java programming effort needed.

Top-Level Navigation Tab Image

Similar Messages

Maybe you are looking for