Sub Navigation

Hi All,
I'm trying to create a portal with primary and sub navigation bars. EBCC allows
me to create a primary navigation bar (portal pages). Clicking each tab in the
primary navigation bar, different sub navigation tabs will be displayed. Does
anyone know how to create a sub navigation bar under primary portal pages (tabs)?
Thanks for your help in advance

We had to custom build it for our portal. We also had to customize the adminstration
console to manage the sub nav.
"keith" <[email protected]> wrote:
>
Hi All,
I'm trying to create a portal with primary and sub navigation bars. EBCC
allows
me to create a primary navigation bar (portal pages). Clicking each tab
in the
primary navigation bar, different sub navigation tabs will be displayed.
Does
anyone know how to create a sub navigation bar under primary portal pages
(tabs)?
Thanks for your help in advance

Similar Messages

Sub navigation ease

Just started using muse for wireframing and am loving it so far. The automatic pseudo flow chart it creates is super helpful, and this will save so much time vs. omnigraffle etc. My only real frustration so far is the navigation widgets and not having the ability to just show the sub navigation on its own and be automatically generated. For example on some interior pages i would like the sub nav on its own always displayed. It's possible to replicate the menus manually, but it seems very time intensive and frustrating with extensive revisions. If that feature is added this would be a remarkable tool for wireframing out large complex sites and become widely adopted in the professional industry. http://www.avdel-global.com/en/products/breakstem-fasteners/avibulbr.html

We had to custom build it for our portal. We also had to customize the adminstration
console to manage the sub nav.
"keith" <[email protected]> wrote:
>
Hi All,
I'm trying to create a portal with primary and sub navigation bars. EBCC
allows
me to create a primary navigation bar (portal pages). Clicking each tab
in the
primary navigation bar, different sub navigation tabs will be displayed.
Does
anyone know how to create a sub navigation bar under primary portal pages
(tabs)?
Thanks for your help in advance

Horizontal sub navigation

Hi
When I use the horizontal menu widget, by default sub navigation is vertical drop downs
Am I able to have the sub navigation horizontal too?
My aim is to have the navigation fit into 2 tinted horizontal bars at the head of the page
Thank you

I'm interested in doing something similar with my vertical menu's, but I found that using the "Manual" menu type just allows me to create the hyperlinks I desire just as you suggested, however, it does NOT allow me to define my own structure. I have found that once you select "Vertical" or "Horizontal" menu at the start, you are now stuck with this structure. This is frustrating for me because I want to start off with a vertical menu structure, then use a self-defined structure for my sub-menu's. The only move I can make with my vertical menu's is to rearrange the order of the menu boxes within the vertical structure. I really would like to place the sub-menu boxes anywhere on the page, but I have yet to figure this out. Selecting "Manual" menu type doesn't allow you change from a vertical menu structure to a horizontal menu structure, or the opposite. If this option is not available, then I'll submit a new feature request.
Thank you!
Kris

Muse / Sub-Navigation: How can I create a sub-navigation under the main navi - BOTH levels in HORIZONTAL direction???

More specific: I want to create a two-level navigation, whit both levels in horizontal direction.
Example:
1st level: Products,
2nd level: Type 1, Type 2, Type 3 etc

Dear rohit776,
enclosed two screenshots. First upper one is showing how I want to do it.
Problem is: It is build completely manually and it does not work. When clicking on References it directs to a blank side and of course the main navi point (References) should be highlighted while I select between the three sub-points.
The second screenshot shows how my structure looks like. Here the masters are including duplicates (therefore they doubled)

Hide Sub-Navigation On Mouse Out?

Can anyone figure this one out? I'm completely stuck on this
- I need the subnavigation to hide on mouse out. If the user rolls
over the main navigation - the sub pops up and is very annoying and
confusing to the viewer. I can get the subnavigation to disappear
on mouse click but when I set it to hide on mouse out, it wants to
hide every time the user moves between the different buttons.
Probably confusing to understand without seeing the file. I put it
up on www.imicci.com/file/file.fla.zip Can someone please check it
out for me? I'm so frustrated with this. If there's some other way
to post this flash file I can do that too - just let me know. Thank
you everyone!

so a quick and dirty feel-good fix is to do the following...
1) make an invisible button that wraps all the way around
your submenu.
2) turn it on when someone rolls over your initial button
(kill the onRollOut as)
3) put an OnRollOver() action on your new button that does
the same as the previous RollOut button did. Make sure rolling over
it kills the actions as well.
Like I said, thats dirty, but it works. You can also code
around your problem.
HH

Re-using a function with minor changes to load sub Nav menu

Hi.
I have a function that loads xml and uses its to create a
main navigation menu. When an object is selected the movie detects
which button has been selected and traces the label for that
button. I need to take this a step further and have a
sub-navigation menu load when the "Home2" button is selected. As
you can see from the comments in the code with 2 minor changes to
the createBoxes function, the sub-nav menu can be loaded instead of
the main nav menu. My problem is this, I need to main nav menu is
be present at all times, I only need the sub nav to load when the
Home 2 button is pressed and I somehow need to reuse the
createBoxes function with the changes stated in the the comments in
order to load the sub nav menu when required. I want to reuse this
function (if possible) instead of duplicating the code in a new
function.
If anyone can show me how this is done I would be very
greatful.
Thanks
Barry.

basically the submenu will look exactly the same as the main
menu, only it will be positioned to the right of it when the home2
button is pressed. I then need it to unload when any other button
is pressed. By changing the following lines in the current
createBoxes function the submenu loads as I would like. I am just
wondering if it is possible to pass in a couple of vars to change
the lines of code as detailed below, depending on whether the home2
button or one of the other mainn nav buttons is pressed.
The code that when changed loads the submenu:
In function createBoxes change var il:XMLList =
xml.navigation.main_navigation; to var il:XMLList =
xml.navigation.main_navigation.sub_navigation; . This loads the sub
nav instead of the main nav but in the same position as the main
nav.
by also changing box.x = 100; to box.x = 260; in the function
createBoxes the sub nav menu loads in the position I would like it
to be.
Now I am wondering if changing the code to something like the
following (see attached code) could this work?
Barry.

Centering items in the Navigation Menu

I have a multi page web site that was created in iWeb08.
On some of the pages all the items are properly centered... on others they are right justified and in some browsers they wrap to a third line.
How can I edit or format them so they are all the same and centered .
If anyone is curious at looking at the site it is at:
http://web.mac.com/duncf/BUUF/Welcome.html
In addition to my mavigation menu issue, I am open to suggestions.
Thanks

Select "Show Layout" from the "View" menu and drag the "handles of the navigation box to the page edges.
You are not showing all the pages in the navigation on every page and this cause an inconsistency.
Once your site grows to more than a few pages, you really have to divide it into main sections which are included in the main navigation and then each sub section has its own.
Here's an example of a site done like this where the iWeb navigation has been dispensed with and both the main and sub navigations are built in a text box.....
http://roddymckay.com/PlanetRoddy.html

I need for my website a temporary navigation menu within one subject of the homepage navigation menu

Does anyone knopw how to do this. Last year I had a trainer from the Apple store who helped me to do this. He is gone and iWeb is not supprted anylonger at the one-to-one services.

I'm not quite sure what you mean but this page describes creating a sub navigation menu in a text box...
http://www.iwebformusicians.com/iWeb/Navigation.html

Accordion tabs w/panel sub-nav - default open issues

I have a spry accordion in a left sidebar, and I'm using it as navigation for a slideshow for a website I'm working on. Each of my 5 accordion tabs has a different category of slideshow, with each panel having multiple sub-navigation links that each link to a different slideshow which appears in the main part of the page (to the right of the sidebar). Say it's something like this:
VENUES (tab)
(start panel)
Bayside Restaurant (link)
Historic Ballroom (link)
Western Ranch (link)
(end panel)
ACTIVITIES (tab)
(start panel)
Surfing (link)
Dancing (link)
Horse back riding (link)
(end panel)
The sub-navigation to each slideshow is activated by simply clicking on the text, which I linked with the "point to file" link tool in the properties menu.
Ideally, I'd like to work with one template in Dreamweaver for all pages/slideshows I'm creating, but I'm running into a problem. I know how to change the default panel in the .js so that a different one appears open when a user first accesses the page, but I can't figure out how to get the default panel to change when the user clicks on a different panel and attempts to use the subnavigation. The subnavigation works just fine (it takes the user to the correct slideshow), but then the panel snaps shut instead of remaining open on the one the user selected.
(So, to further explain with the example above, say the user wanted to look at all the links in the "Venues" tab, but the default is to have the "Activities" tab open on arrival. The "Venues" tab opens just fine on the click, but as soon as the user clicks on, say "Bayside Restaurant," the correct slideshow appears to the right, but then the "Venues" tab snaps shut and the "Activities" tab and its sub-navigation appears open again. The user then has to click on the "Venues" tab again if s/he wants to see the other options and view a different slideshow, rather than simply being able to click on the next link.)
I tried making multiple templates, with different default panels open as a solution, but that's not working either. . .for some reason it keeps defaulting back.
Does this make sense? Are there any solutions to this problem? Any help would be much appreciated.
Thanks!
Rebekka

I think I found your problem. It lies in the Javascript:
<script language="JavaScript" type="text/javascript">
var indexAccordion = new Spry.Widget.Accordion("indexAccordion");
var acc1 = new Spry.Widget.Accordion("indexAccordion", { useFixedPanelHeights: false });
</script>
You have essentially duplicated the code in order to accomodate the useFixedPanelHeights. Consolidate it into single one, and remove the duplicate:
<script language="JavaScript" type="text/javascript"> var acc1 = new Spry.Widget.Accordion("indexAccordion", { useFixedPanelHeights: false }); </script>
IE might be having trouble understanding the double instances of the script and is ignoring the latter one. Just keep the latter one and it might fix it.
Also, thanks for the tip, but I use Chrome's Developer Tools... it just didn't cross my mind since I've been busy =)

Cleaner Navigation with a second navigation bar

Does anyone know if it is possible to create a second navigation section in a site and how? It will greatly help reduce clutter in the main navigation on the top of the page (Welcome, My Ablums, My Movies, ... 20 other items I plan to create). I need this specifically for a My Travels page or set of pages I would like to create. The way I envision it to work is similar to my current site. A user would click on the My Travels page which will navigate then to a page with a navigation section on the left side of the page that will list places I've been to as a navigation menu (France, Spain, Switz, Turks n C, St. Martin, Puerto Rico, Greece, etc...). They could then click on each place to get content specific to that place with pictures, etc ...
I also didn't want to create 30 different pages (one for each place) and have to manually manange the sub navigation menu on each page. i.e. if I go to another place, I don't want to have to create a new page and have to change all of the other sites by adding a link to each navigation section ...

It wouldn't look odd if you had the page containing the iframe having another appearance than the pages loading into the iframe. However this approach is good to link external sites but less to link your own site as the pages loading in the iframe wouldn't have any navigation bar on them. Thus if someone jumps in on one of those pages from google or whatever he wouldn't know there are other pages as well...
I'm currently working on putting an iframe into each page which will load the menu so that you just have to change the one menu page to update the menu on the whole site instead of changing it on each page, that makes my life easier... Until now I just copied and paste it to all sites each time I changed the menu and that's really time consuming as the site is growing... That also solves the problem of embedding a page in a same looking page as the menu is only a little part of the whole page and you can make it look as it were part of the page...
However in your case I would just make a "Travelling page" (Travelling comes up in the main menu) and on that page make make an index of all your trips (which will not appear as single pages in the main menu, Inspector PageTab, uncheck Include page in navigation menu). So when you click on Travelling page you get the list of:
Italy
Switzerland
Alaska
or whatever
click on one of those links and you get that page, to get to another destination when looking at Italy just hit Travelling in the Main menu (nav bar) and again you're on the index site and choose another destination.
Thus you only have to change that index page.
Example:
http://alyeska.altervista.org/en/Journeys.html
hit Iceland get to the Iceland page
hit journeys in the nav bar
choose other destination (not many active sorry, I'm too busy on other stuff...)
I really do think it's the easiest way...
Regards,
Cédric

Sub Menus/Sub Pages in iWeb09?

Hi all, VERY new to this iWeb thing, but there is one question I need to ask:
Can you do sub-pages after navigating to a main navigation page?
For example:
If I have a website for a company that has a page for each member of the business that you navigate to from the main navigation menu bar, is there then a way to have sub pages from each of these main people's pages to go to FROM WITHIN their page?
Hope I make this clear enough to understand!
Cheers,
David

For the main navigation, you can either use the iWeb default one, or build your own which gives you an opportunity to customize the look.
http://www.iwebformusicians.com/WebMusic/Navigation.html
If you choose to keep the default navigation, go to the Page inspector and uncheck the box "Include page in navigation menu" for each page you that you don't want to appear in it. In other words, the extra pages for each sub section.
Build a sub navigation in a text box for each section and create the hyperlinks to the pages of this section.
If you want to build your own main navigation, uncheck "Display navigation" for each page of your site.
The site I referred you to above is build on ten different domain files for ease of handling and updating. The main menu consists of external hyperlinks to each section and the sub menu uses internal links.
For an example of a site that is built on one domain file and has a custom main and sub navigation go to .......
http://roddymckay.com/PlanetRoddyPhotoSatellite/iWebPhotoSatellite.html
Here, both the main and sub navigation use "Link to: One of my pages" in the Link inspector.

Sub-Pages on iWeb

Hello Forum! I am learning how to create an iWeb site. I'm curious to do the following:
If I want something like a sub-page, let's call it "My Portal", to be under the "About Me" link...how do I do that?
Another words, people that will come to visit my site, they'll see that there's an "About Me" link, but they won't see the "My Portal" sub-page, until they go to the "About Me" page. That's the only way "My Portal" will be visible.
Any thoughts?
Thanks so much in advance!!
NV27

Find out more about iWeb navigation here...
http://iwebfaq.org/site/iWebNavigationmenu.html
Larger sites are usually organized into main sections that are listed in the main navigation. Each main section has a sub menu to navigate around it.
In your case, About Me would be in the main navigation and My Portal, and any other pages you may want to add in the future, would be in the sub navigation. This is probably more than you want at the moment but will help you stay organized as you website grows.
Example ....
http://roddymckay.com/PlanetRoddy.html
Warning: I will only gain financially by providing this link if you make a purchase - please don't.

Dead link in navigation bar

all the links in my nav bar work, bar one.
i've double-checked this issue and done the following:
1 checked there are no overlapping frames on the link
2 duplicated the page, deleted the old one, and republished
3 restarted my mac!
4 tried the hyperlinks active - in iweb. it works then, but not in my browser (safari)
5 reset cache in safari
i've also trawled discussion, and got everything but this particular issue. so, here i am, on my cyberknees, begging for help!

The iWeb default navigation is not the best way to go. If PC users don't have Java turned on in Internet Explorer, your navigation won't display.
Self built navigation gives you a lot more options in terms of fonts, colors, rollover colors, placement on the page etc. Once you site grows you will want to have a main and sub navigation menus anyway.
See...
http://iwebfaq.org/site/iWebNavigationmenu.html
Example...
http://roddymckay.com/PlanetRoddy.html

Teaching myself CSS - Can anyone help me with my navigation?

First, I must say that I (and trial & error) have taught myself everything I thus far know about web design. I've never submitted my code to be critiqued in a forum so I'm hoping it's not a horrible mess.
That being said, I'd love it if someone could assist me in figuring out how to get my "sub navigation" to look the way I want it to. I've only put basic text in it's general place for the moment, instead of attempting a million things & cluttering up my code any more than I already have.
Basically, I want the sub navigation to appear (to the right) when the user hovers over each of the 4 respective large navigation images. I want it to appear outside of the main content, or rather outside of the sidebar in which the main navigation is placed. (eventually I plan to figure out how to code the whole hidden/show on hover thing...but that is my secondary concern to placement at this time. def wouldn't mind tips for that also though!!)
I've included a link to my test site so that you can see all code, images involved. (i've uploaded all related files to the server) If that doesn't work, please let me know what else you need.
In advance, thank you so much!
http://www.thefawngroup.com/testing/index.html

I'd investigate using the "spry vertical menu' which ships with Dreamweaver. yes you will need to alter the css BUT you will quickly have a good basis for your navigation.
There are plenty of people around here, especially Gramps, who knows the DW spry stuff inside out and will help out if you get stuck.
First get a basic spry vertical navigation onyour page >Insert>Spry>Spry Menu Bar>Choose vertical option.
Go into code view and change the spry html structure to as below: (You can copy and paste the code below inplace of the code that is put there automatcally).
<ul id="MenuBar1" class="MenuBarVertical">
<li><a class="MenuBarItemSubmenu" id="navImageOne" href="#">Item 1</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" id="navImageTwo" href="#">Item 2</a>
<ul>
<li><a href="#">Item 2.1</a></li>
<li><a href="#">Item 2.2</a></li>
<li><a href="#">Item 2.3</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" id="navImageThree" href="#">Item 3</a>
<ul>
<li><a href="#">Item 3.1</a></li>
<li><a href="#">Item 3.2</a></li>
<li><a href="#">Item 3.3</a></li>
</ul>
</li>
</ul>
Open the linked spry css file and change the width of the below css selector to the same width as your large navigation image (I've set it at 300px)
ul.MenuBarVertical
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: 300px;
Change the below css selector to match the width of your large nav image.
ul.MenuBarVertical li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 300px;
Change the margin of the below css selector to as below and change the width to 150px (this will be the width of your submenus)
ul.MenuBarVertical ul
    margin: 30px 0 0 340px;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: absolute;
    z-index: 1020;
    cursor: default;
    width: 150px;
    left: -1000em;
    top: 0;
Change the width of the css selector below to 150px as shown
ul.MenuBarVertical ul li
    width: 150px;
Change the height and width of the css selector below to match that of your large navigation image (I've set them to 300px)
ul.MenuBarVertical a.MenuBarItemSubmenu
background-repeat: no-repeat;
background-position: 95% 50%;
height: 300px;
width: 300px;
That should get you a step closer to where you need to be. Test in browser.
You should have 3 large boxes on the page which when moused over turn blue and a submenu flicks out to the right.
Now add the following css selectors. One for each of your large Nav images. Change - yourNavImageOne.gif - to the name of your image. If the image is in a folder named 'images' then add that before the image name - images/yourNavImageOne.gif. Do the same for yourNavImageTwo.gif and yourNavImageThree.gif
#navImageOne {
background-image: url(yourNavImageOne.gif);
background-repeat: no-repeat;
#navImageTwo {
background-image: url(yourNavImageOne.gif);
background-repeat: no-repeat;
#navImageThree {
background-image: url(yourNavImageOne.gif);
background-repeat: no-repeat;
Now in design view you should see your navigation images.
To get the roll-over effect add the below css and change the image to the rollover image that you want to appear when your large Nav image is moused over.
#navImageOne:hover {
background-image: url(yourNavImageOne.gif);
background-repeat: no-repeat;
Add the addition roll-over css for your other images:
#navImageTwo:hover {
background-image: url(yourNavImageOne.gif);
background-repeat: no-repeat;
#navImageThree:hover {
background-image: url(yourNavImageOne.gif);
background-repeat: no-repeat;

Using tab navigation with layers

I am trying to put together a tabbed sub-navigation system
within a page but I am having trouble getting it to work properly.
I would love some input on how I can go about doing this and have
the tabs be able to show a "You are here state" when on a
particular layer.
Here is what I have so far:
Tabbed
sub-navigation
Really appreciate the help here.
Houston

Are you sending the cursor to the selected block in the When-Tab-Page-Changed trigger? Also, what are the properties of your data block relationship (Specifically the Coordination properies)? If you have Deferred = YES and Automatic Query = YES then the child data block will not be queries until you navigate to the block.
Craig...

Sub Navigation

Similar Messages

Maybe you are looking for