Add a link to the navigation / menu bar

I would like to add a home button infront of the My Workspace button in the navigation/menu bar at the top of my Vibe page.
What jsp of file should I edit to achieve this?

I didn't look for that JSP, but used the branding for a high level "menu" AND wrote my own JSP to have a dynamic horizontal menu based on a portion of the workspace tree. The problem with changing Vibe's grey menu bar is that any upcoming updates might destroy your tweak. I have a few of those I need to keep in mind whenever an update or patch is done.
With my JSP adding, removing or modifying workspaces/folders in the identified branch automagically changes on the fly generated horizontal menu with the next refresh/visit of the landing page using the JSP. The menu can be for any branch of your workspace tree. If a visitor doesn't have access to a workspace or folder, the menu skips right over it automagically as well.
You can find this homebrewed JSP and key details at : Use this nifty JSP to make a dynamic horizontal menu from a branch of your workspace tree | Novell User Communities
It allows you to reorder the menu items and even drop some workspaces/folders from the menu with a simple trick explained in the article.
To see the JSP at work, go to CSDECSO - Conseil scolaire de district des écoles catholiques du Sud-Ouest or any of our 30 or so school web sites being implemented within our existing Vibe instance. You won't be able to change the tree branch, but you will see the menu. Some schools have slightly different menu choices, if you poke around long enough to find these differences. I just made them accessible to the public a few weeks ago.
Don't forget to use the integrated GoogleTranslate (generally near the Vibe printer icon in upper right corner beneath the branding and grey menu) to convert the bulk of our sites' content to any one of the 60 or so languages supported by Google. I have an article explaining how this was done as well. Of course, it is an automated translation, so don't expect perfection and don't be offended if it comes out the wrong way.

Similar Messages

Problem when trying to add a link to the left menu item!!!!

Hi everyone,
I am trying to put a new menu group on the left menu,with a link in that group for every one.On checking with the customization guide this is what i did
for one link i did add the following lines in each of the files
1)xlWebAdmin.properties
- menuGroup.Misc-Menu=Misc Menu
- menuItem.Misc-Menu.My-Nomination=My Nomination
2) xlDefaultAdmin.properties
- menuItem.Misc-Menu.My-Nomination.link=mynomineefrm?showfrm
3) repacked the war and the ear
4) Restarted my server
When I login into the administration(xelsysadm) page I didnt see any menu item with name "My Nomination" which i am supposed to see.
secondly it shows the menu item when ever i select some group and click on assign menu item.
Moreover, when I try to assign this menu item to all users group it gives me this error
On browser it prints
Permission Denied to Assign Selected Menu Items
You do not have the permissions to assign one or more selected menu items.
on console it prints
ERROR [SERVER] Class/Method: tcDataObj/eventPreInsert Error :Insert
permission is denied
ERROR [APIS] Class/Method: tcGroupOperationsBean/addMenuItems encou
nter some problems: maoRejections:You do not have permission to insert this obje
ct.
ERROR [APIS] Class/Method: tcGroupOperationsBean/addMenuItems encou
nter some problems: Error occurred while adding menu items.
ERROR [WEBAPP] Class/Method: UserGroupMenuItemsAction/commitGroupAs
signMenuItems encounter some problems: {1}
Thor.API.Exceptions.tcBulkException
This problem eat my happy sunday :-(, any one has solution for this problem?
- Also if some one can help on how to link jsp to the new link will be helpful for me!
Thanks,
doki

Design Console > Form Information > add new
Class Name Organizations.Merge
Description Move users from one organization to another
Type menuitem
Add following to xlWebAdmin.properties, xlWebAdmin_en_US.properties
Organizations.Merge=mergeOrgs.do?Display
menuItem.Organizations.Merge.link=mergeOrgs.do?MergeOrganizations
menuItem.Organizations.Merge=Merge
mergeOrgs.button.display=Merge Organizations
Even you have to assign first to System Administrator group
First go to Manage Group
Select System Administrator Group
Select Menu Item
Click Assign and select newly craeted Menu Item and click Confirm
These are the steps to see the new menu item. To make this menu item working:
you'll have to write action class, form bean class and you'll have to create JSPs and make their entry in struts-config as welll as in Tiles-def.xml
Then your menu item will work.

How do I add an image above the navigation bar?

I'm trying to add an image above the navigation bar and can't seem to do it without covering the links. Does anyone know how to do that?
Thanks!

Hi,
select the page you want to add the image to
open up the Inspector and go to the Page Tab (second from left)
Choose Layout and increase the size of Header Height
Regards,
Cédric

Why wont my navigation menu bar navigate to the next page

Im using DW CS5 and I have assigned links to my navigation menu its hyperlinked but when I click on the button it doesnt navigate to the rest of the pages why is that I am new to DW

The code is below I just want a simple navigation bar that when I click on biography it takes me to the biography page and so on...I even tried the "href" nothing works I try it in live view and it doesnt work I try it out of live view and it still doesnt work Im using DW CS5 This page was made using a DW template but I changed it around to fit my liking
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WebIntersect &Bull;Find ElizabethVictoria</title>
<style type="text/css">
<!--
body {
background: #000;
margin: 0;
padding: 0;
color: #FCCFDD;
background-color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 1.4;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 15px;
padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
color: #FCCFDD;
font-weight: bold;
text-align: center;
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
color: #000;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
color:#808080;
text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
color: #FCCFDD;
text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
color: #FCCFDD;
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
width: 80%;
max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
background: #000;
margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
background: #000;
color: #FCCFDD;
.sidebar1 {
float: left;
width: 20%;
padding-bottom: 10px;
background-color: #000;
background-image: url(images/Untitled-6.gif);
background-repeat: no-repeat;
.content {
padding: 10px 0;
width: 60%;
float: left;
.sidebar2 {
float: left;
width: 20%;
padding: 10px 0;
background-color: #000;
background-image: url(images/Untitled-6.gif);
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
list-style: none; /* this removes the list marker */
border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
margin-bottom: 15px; /* this creates the space between the navigation on the content below */
ul.nav li {
border-bottom: 1px solid #666; /* this creates the button separation */
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
padding: 5px 5px 5px 15px;
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
text-decoration: none;
background: #8090AB;
color: #000;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
background: #6F7D94;
color: #FFF;

How to open a new browser window from a link on the navigation bar

Hi,
I entered a URL in the 'URL Target' field for the Navigation Bar Entry. As expected when the I clicked on the link in the Navigation Bar my browser refreshed with the target URL.
I want to be able to actually open a new window rather than refresh my current window. The help text says, and I quote ...
"In the link generated for this icon include the following onClick javascript. Use of the onclick javascript could popup a help page in a new window (see example 1).
Example 1:
window.open('US/asfhhome.htm','Help','scrollbars=yes,resizable=yes,width=625,height=350,left=25,top=150');return false
Set the Icon Target attribute to # if you are using OnClick JavaScript. Set the Image Alt Text attribute to the text the user will see to click on."
So I created similar Javascript as to the example and placed in the 'OnClick Javascript' field, and placed a '#' in the 'URL Target' field.
When I run it doesn't work, the '#' is picked up and the Javascript is ignored. Can somebody please tell me what I'm doing wrong.
Thanks

I had the same problem. I finally ended up just using the standard popupURL javascript. In the URL Target I have:
javascript:popupURL('<link>')
This opens a new window but since it is for popups the menus are missing. You may want to write your own javascript function to open the new window with your own settings.
Search the forums for popupURL for more ideas.
javascript:popupURL()
--Jeff

Page won't open that's linked but not in the navigation menu

On my photos page I have set links from each of the photos to another page.
As long as I keep the page in my navigation menu it opens.
But when I uncheck that option, clicking on the photo opens up a pop up with an original size version of the same photo.
I don't want the page to appear in the navigation menu as it is a submenu of the photo page.
Is there any way for me to get the page to load without having it in the navigation menu?
Is the photo pop up a function of the photos page, and therefore I have to use another page template so this doesnt happen?

How did you make the links on the photo template page?
I'm wondering if this write up might help you...
http://www.mac.com/web/en/Blog/013C4180-4787-4847-BAAB-319222AFC652.html
Also, it might help if you could post your URL so that we can take a look.

How do i edit the links in the top nav bar on an enterprise wiki site?

I would like to edit and change the links in the top nav bar on my enterprise wiki.
Currently the links are "About this wiki" and "Recent" a drop down menu with links.
I would like to change "About this wiki" to a "Home" page link and remove the "Recent" drop down menu and links. I also would like to be able to add more links to the to the top nav bar.
I there anyway I can do this one an enterprise wiki site?
Thanks
James T.F

Hi,
According to your post, my understanding is that you wanted to edit the links in the top navigation bar on an enterprise wiki site.
I try to reproduce the issue, however, my enterprise wiki site don’t have the drop down menu.
How did you add the Recent link?
How did you create the drop down menu?
Did you use the seattle master page or olso master page?
It will be better if you can descript more detail and provide some screenshots.
You can use JavaScript to add and remove the items in the drop down menu.
More information:
Add items in Drop Down List or List Box using Javascript
Asim Sajjad: DropDownList Add/Remove Item Using Javascript
HTML DOM Select remove() Method
Best Regards,
Linda Li
Linda Li
TechNet Community Support

How can I create a hyperlink directly in the navigation menu using iWeb09?

I would like to add a URL to an external page in the navigation menu of my website using iWeb09. I have not been able to change the URL automatically generated by iWeb09 for each new page. The best I can do is to select text or an image that I want to link to the external page. I would rather create the hyperlink directly in the navigation menu. Is there a way of doing this?

Try this...
Create a blank internal page named "Link" (actually you can name the page whatever you want.) Then in that "Link" page add an HTML Snippet with the following code:
<script type="text/javascript">
parent.window.location = "http://www.externalpage.com"; // change this to your own URL
</script>
...Once published, clicking on "Link" in iWeb’s navbar will immediately redirect to the external page. (Thanks to Cyclosaurus for the code).

Change the navigation menu in iweb

I have buy an iweb template that has the navigation menu always fixed. No matter is you move the mouse over the links to the pages, if you are in the welcome page or blog, the text is always the same.
I have ask to author of the template to make the active page text grayed out but he wants again money because this is customizing request of the template...
Is there a way to change the color of the text of the navigation menu? It is enough that the active page is highlighted.
Thank you

Thank you for the answers.
If it is possible I don't want create nothing because it complicates the stuffs (I'm a very beginner in this things). I have tried the javascript way but it don't modifies the behavior of the menu.
Excavating in the iWeb application folder I have reach this file that seems the responsable of the navigation bar: iWeb.app/Contents/Resources/Themes/_Simple\ Info\ orange.webtheme/Italian.lproj/Welcome.webtemplate/com.apple.iweb.widget.navbar. Welcome.plist
I have open it with Pref Setter:
.navbar {
font-family: 'Helvetica Neue', Arial, sans-serif;
font-size: .8em;
color: #666666;
line-height: 30px;
border-bottom: 3px solid #ccc;
.navbar-bg {
text-align: right;}
.navbar-bg ul {
list-style: none;
margin: 0px;
padding: 0px;
li {
list-style-type: none;
display: inline;
padding: 0px 5px 0px 0px;
li a {
text-decoration: none;
padding: 10px;
color: #666666;
font-weight: bold;
li a:visited {
text-decoration: none;
padding: 10px;
color: #666666;
font-weight: bold;
li a:hover
color: #999999;
text-decoration: none;
li.current-page a
color: #66ABC5;
text-decoration: none;
I have change the color value but nothing happens. Have you any suggestion?
Thank you
Marco
PS: maybe in 10 days Apple publishes iWeb 10 that permits these modifies...

Archive Page in the Navigation Menu

The selection for including the Archive Page in the Navigation Menu is greyed out. Is there a reason for this and/or any way to get it there other than creating a text box & link.

Mine acts the same way, and I would guess is just another of the many quirks of iWeb.
Your idea for new text boxes and links sounds like the best approach to me.
I am actually designing a new title nav bar for my sites, which will just cover up all the iWeb generated links. Seems like the only way around this problem.

How do I get the navigation/address bar in the "about" pages?

My title describes it. If possible, I'd like to have the navigation /address bar in about:addons, about:preferences etc. pages. If anybody has an idea, I'd love for you to post back. :-)
(Fx 27 on Windows 8.1 x64)

Firefox shows the Navigation Toolbar for me on Linux when tabs are not on top (i.e. browser.tabs.onTop pref = false).<br />
Current Firefox versions only show the "Tabs on Top" menu entry in the "View > Toolbars" and "Firefox > Options" menu and in toolbar context menus if the tabs aren't in the default position on top.
Note that this pref will no longer have effect once the Australis code lands on the release channel (the Australis code is currently only on the Nightly update channel in the current 29.0a1 version).
Add code to the userChrome.css file below the default @namespace line.
*http://kb.mozillazine.org/userChrome.css
The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.
*http://kb.mozillazine.org/Editing_configuration
<pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
#nav-bar:not([collapsed="true"]){ visibility: visible !important; }</nowiki></pre>

Is there any way to disable the mouse-over function of the Spry Menu Bar (CS5)? Click-open preferred

Hello,
I'm using the standard CS5 Spry Menu Bar (Horizontal) in Dreamweaver. I have it set up exactly the way I want with CSS. However, I've very little experience with Javascript, consequently I'd like to ask anyone here for some help in modifying this aspect of the Spry Menu Bar. I'd like it to 'click-open' and not open when the mouse is over it. I've tried to change the delay variables in the code to something that has a longer duration in milliseconds; unfortunately, this tends to cause some bugs such as the menu re-opening once the mouse is no longer near it and other such bugs.
The ideal solution for me would be to have it open when it's clicked on once. The reason I need this is because the menu appears over some buttons - there's no way around this for me, it's the layout I absolutely must have. Although the buttons don't overlap with the menu, they are very close and it is annoying when your hand slips a little and the menu pops up over it all.
I'd appreciate any help at all, thank you.
PS:- The Javascript containing the delay variables I tried to modify.
Spry.Widget.MenuBar.prototype.init = function(element, opts)
    this.element = this.getElement(element);
    // represents the current (sub)menu we are operating on
    this.currMenu = null;
    this.showDelay = 250;
    this.hideDelay = 600;
    if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (Spry.is.ie && typeof document.uniqueID == 'undefined'))
        // bail on older unsupported browsers
        return;
    // Fix IE6 CSS images flicker
    if (Spry.is.ie && Spry.is.version < 7){
        try {
            document.execCommand("BackgroundImageCache", false, true);
        } catch(err) {}

Hello,
Thank you so much for replying so quickly and moreover, solving my problem. I must apologise for not doing more research about this issue by searching these forums more thoroughly. I found a similar post here:-
http://forums.adobe.com/message/139937#139937
Your solution goes one step further and eliminates the need to search through the Javascript for the relevant code.
Thank you again, you've helped me a great deal.
Best wishes,
foreverdusty.

How do you make the Safari menu bars at the top and bottom of the browser go away in iOS7 when you can't scroll the screen?

The menu bar at the bottom of Safari screens only goes away if you scroll the screen. But for one page content, the screen can't be scrolled which renders useless any links/buttons at the bottom of the page.
Is there a fix for this in iOS7?
In iOS6, users needed only to tap the screen to remove the Safari menu bars. This does not work in iOS6.

In Safari > View choose Exit Full Screen

Need to add a link to the masthead area of the Portal

Hi
I need to add a link to the masthead area of the portal. That link needs to be able to print the content of the current page.
Ihave downloaded the com.sap.portal.navigation.masthead into the NWDS.
Can anybody please let me know where exactly to modify the code.
i am guessing i may need to use window.print() to print the page.
Thanks
Sharath
Thanks
Sharath

Step 1: Adding new link in the masthead
1. Rename the par file to your own namespace and import the PAR using eclipse
2. To add your link - modify HeaderiView.jsp appropriately
3. Build the PAR and export using Eclipse
Step 2: Create an iView
1. Content Administrator -> Portal Content -> Select the folder in which you need to create the masthead iView. Right click on the selected folder and "Select New From PAR" -> iView
2. Select the PAR file name created by you in Step 1 a
3. Choose "default" in Portal Component Selection
4. Provide the properties for the iView and save
Step 3: Modify Portal Masthead
1. Add the iView created in Step 2 to the Framework Page of your application
2. Remove the existing Masthead iView from the framework page and add iView created in Step 2 in the framework page.
3. Note that the position should be the same where the previous masthead is removed.
Logoff and logon with the user who is assigned the framework page - you should be able to see the new masthead with links
Incase you are changing the default framework page and default masthead ensure that you have a backup so that you can revert.

Spacing in the Navigation Menu

Is there any way to space (align & distribute) the text in the Navigation Menu to make it more appealing and less cluttered?

Yes there is a way to do this, but you have to edit the template XML to do it.
I've explained how to get into the XML and edit things in a handful of threads. But here's the version at my site. Some of the user comments are helpful.
http://11mystics.com/blog/2006/10/25/change-iweb-hyperlink-navbar-colors/
Once you get into the XML, search for the word orientation. That will find the area where you can set the padding between your nav bar entries. Ask questions. No need to beat your head

Add a link to the navigation / menu bar

Similar Messages

Maybe you are looking for