Two navigations bar on the same page

Hi Xara webbuilder,

I want two nav bar on the same page but surprise, the mouse over work on the second bar also on the first :-O
At the beginning I think it's because I clone the nav bar before modifying it but it's the same way with a new and different nav bar from the content catalog.
How can I disabling the link of the two bar, I tried to create a new layers mouse over but that's don't work.

I want a primary nav bar alone in the first page (home, about us, contact) and in the inside pages the primary bar and a bar with all next pages with sub-menus.

I am not sure what you want to do.

Can you post an example? A picture is worth a thousand words. :)

Hi Gary, would you said I speak english badly ? :(

;))

Yes my english is approximate and is more simple with pictures, thank you for your answer. :)

See this image, the highlight is normal

Attachment 127285

And this, is abnormal, the button "accueil" is also highlight

Attachment 127286

Your English is better than my French. :)

The current page, in this case your home page, is shown with the MouseOver state, highlighted. This is the default for all Xara Nav Bars.

Go to the next page and then that page will be highlighted.

You can create a third layer (above the MouseOff and MouseOver layers) and name it MouseDown. Create a new button for this button state. The image on MouseDown will not show the current page, but it will be different from the MouseOver button.

This example shows menus I made using layers http://gwpriester.com/layer-menu/index.html

Thank Gary, the problem is not link to the number of page I think.
Here we are in page four, so when I touch the button "Accueil" is highlight, normal if I want go to home page, so all it's ok.
But when I touch the button "spectacles & visuels", the second page of the site and sub folder, the button highlight, normal work, but the "Accueil" button is also highlight, abnormal.
Same thing with the next button, "button texte 2", if i touch, is higlight, normal but the button "qui sommes nous ?" also highlight, abnormal.

If I erase the button "spectacle & visuels" and touch the new first button, "button text 2" the button "Accueil" also highlight.

I tried to rename the seond bar, no result, so I'm affraid is not possible to put two nav bar in a same page and I can't understand why. :'(

Quote:

---

Originally Posted by Lylo

Thank Gary, the problem is not link to the number of page I think.
Here we are in page four, so when I touch the button "Accueil" is highlight, normal if I want go to home page, so all it's ok.
But when I touch the button "spectacles & visuels", the second page of the site and sub folder, the button highlight, normal work but the "Accueil" button is also highlight, abnormal.
Same thing with the next button, "button texte 2", if i touch, is higlight, normal but the button "qui sommes nous ?" also highlight, abnormal.

If I erase the button "spetacle & visuels" and touch the new first button, "button text 2" the button "Accueil" also highlight.

I tried to rename the seond bar, no result, so I'm affraid is not possible to put two nav bar in a same page and can't understand why. :'(

---

It looks like what you are trying to achieve with a main and secondary NavBar is to avoid showing the MouseOver button state of the page you are on (in the main NavBar). You can achieve this using the third mouse state, MouseDown. You make the MouseOff and MouseDown the same. When you do, this is the image you see:

Attachment 127290

In your example, you have a MouseOver on the secondary NavBar, but this will not change the MouseDown status of your first button until you select one of the submenu items.

Example attached.

Gary

Hi Gary, thank for your answer and I will try this third layer.

But I don't know if I explained my issue with enought clarity. So after the pictures, now the video because it's better :)

You can see the higlight on the first nav bar, all it's ok.
But the second bar is not separate, I doesn't want highlights on the first bar, just in second bar.
So I'm not sure your solution solve the problem but before say that I will try.

https://www.4shared.com/video/7lJT6z...-17-59-20.html

Perhaps you must donwload the file, very small, 330ko

Gary, I think I understand something.

All navigation bar are for entire site and must beginning with a link for the first page, it's right ?

I want the second bar beginning from the second page and independently from the meta nav bar, it's possible ?

Quote:

---

Originally Posted by Lylo

Gary, I think I understand something.

All navigation bar are for entire site and must beginning with a link for the first page, it's right ?

I want the second bar beginning from the second page and independently from the meta nav bar, it's possible ?

---

Where this is your main website, I would usually expect to see the first page with a filename "index". Where you a have Navbar (or individual buttons), in most cases, they would appear on all your active pages.

In your example, I think I understand you want your secondary NavBar to start from the second page. In the Example 2 (attached), I have just deleted the secondary Navbar from the first page ONLY, but left the main Navbar with its three states.

This may not be exactly what you want achieve, but let's see if we are getting close?

It is necessary to understand how the Xara NavBar actually functions.

For your secondary NavBar
Concept - Just ensure you untick Navigation Bar Properties > Site Navigation Bar. You then add in what you want.

Approach
Let's say you add a secondary NavBar that Repeats on all pages, less the couple you delete it from.
Tick Site Navigation and press OK in its Properties and all pages will be added (in sequence).
Now untick it and also untick Button Order.
Move the required button links around to suit the order you want and delete those you don't need.
Click OK.

For your primary NavBar
Concept - You can add any text and any link (type) to a button in a NavBar. This includes a nothing event.

Approach
Having Repeated it across all pages, stop Repeating.
Now enter the Page NavBar Properties and if that page has a secondary NavBar, set the Link URL to Do Nothing and click OK. If you choose set the Link URL to the filename instead: myNicePage.htm (different to Page x (myNicePage) [Main] ).
When clicking the Page link from elsewhere, the Page opens but its primary NavBar no longer shows that page has been selected.
Hovers and sub-menus will still function.

Do note that one should set the top menu buttons URLs to Do Nothing anyhow as otherwise the Xara NavBar fails in touch devices.

Acorn

Hi Gary and Acorn, I'm happy to your answers.

I tried the suggests and I obtain the result you can see under. At this time I cannot give the result with the MouseDown layer and I only match the color of MouseOver and Off.
But this workaround is good now but give me no really satisfaction so I think an another solution, If I make a primary bar in the index page with only the three firsts buttons and a secondary bar for the second page and next pages with the three first buttons and the another I think it's better.
I will try this and make a review.

https://www.4shared.com/video/LclPaj...ar_better.html

I am sure we can resolve this for you.

Can you post your website XAR/WEB (if not too large) or place your current two NavBars in a new document and post it to the forum (use manage attachments and upload your XAR/WEB doc)

Can you confirm your objective is that when you mouseover your second NavBar, you do not want to see any button 'highlighted' in the main NavBar?

Attachment 127298


Gary

Hi Gary, many thanks for your help and yes, the problem was the higlight in two buttons.
But I think the solution was to simple for me for find it at the beginning.
Now is good, in the index page I have a bar with the three buttons (the another buttons for navigate in the site are in the middle of the page, it's a "strategic" choice) and the another buttons are in the inside pages, see attached, for me is a good solution, what do you think ?


https://www.4shared.com/video/4We4Nl...av_bar_ok.html

Quote:

---

Originally Posted by Lylo

Hi Gary, many thanks for your help and yes, the problem was the highlight in two buttons.
But I think the solution was to simple for me for find it at the beginning.
Now is good, in the index page I have a bar with the three buttons (the another buttons for navigate in the site are in the middle of the page, it's a "strategic" choice) and the another buttons are in the inside pages, see attached, for me is a good solution, what do you think ?


https://www.4shared.com/video/4We4Nl...av_bar_ok.html

---

It is good that you have achieved what you wanted, but I cannot open the 4Shared link. Maybe next time post one or more images JPEG/PNG, or a small XAR/WEB document.

Gary

Perhaps can you open this file in line http://88.120.17.243:16885/share/28G...20bar%20ok.mp4

If no, you can download the link, it's a mp4, 1,5mo

If it's impossible I come back later for some pictures. :)

Your MP4 works and I understand what you wanted to achieve.

For Page 2 and subsequent pages, the second menu does not need a MouseOver for the top level, but I understand you have set the MouseOff and MouseOver to be the same and it works.

I think the only addition was you wanted to retain a main menu MouseOver effect for Page 2 onwards, without highlighting the page you are on. I did this by creating a different main menu for Page 2 onwards that uses a MouseDown state, where the image is the same as the MouseOff state.

The MouseOver effect then works for the main menu without highlighting the page you are on.

I would not change what you have because it works, but you are welcome to take a look at Example 3.

There will be other ways of doing this, but I was curious to work out how it might be done!

Good luck - interesting site.

Gary

Hi Gary, yes it's a big site and I will have lot of work for it, so I hope resolve the issues quickly and certainly you will help me for anothers problems in the futur (I hope).

And now I'm happy, do you recognise this buttons ? =D> http://88.120.17.243:16885/share/BC4...%20buttons.mp4

Many thanks for your help because your buttons are nice and very good for my navigation bar.

I have just one issue, it's not very visible in the vidéo but the menus don't pop up under the mouse with somes words. I think is because I strech the buttons from entire bar and the space for touch is not on all the words of each buttons, have you an idea to improve this please ? I try to modifie the first button but I don't find how to.

I am not sure from the video what you meant, but if you were referring to the vertical space between the submenu buttons, you can add a 'separator'. Other minor adjustments are possible. These are made from the NavBar Properties and Submenu Popup boxes.

Attachment 127306 Attachment 127307

Example 4 attached. Take a look and see what works for you - if you get stuck it would be best to post your own menus in a separate document here.

Gary

Hi Gary, good explanation for this box, thank you.

My issue is not for the submenu but for reveal the submenu.

For example, if I put the mouse on the words "jeux & enfants" the little hand apper only on "jeux" and I can click but not on "enfants", the pointer stay a pointer and don't go to a little hand. So is difficult to click.

Quote:

---

Originally Posted by Lylo

Hi Gary, good explanation for this box, thank you.

My issue is not for the submenu but for reveal the submenu.

For example, if I put the mouse on the words "jeux & enfants" the little hand apper only on "jeux" and I can click but not on "enfants", the pointer stay a pointer and don't go to a little hand. So is difficult to click.

---

I cannot replicate that problem, but if you post your NavBar into a separate Xara doc and attach it here (manage attachments), I may be able to see the issue.

Gary

Hi Gary,

with pleasure but how I do that please ?

Quote:

---

Originally Posted by Lylo

Hi Gary, with pleasure but how I do that please ?

---

With your website open, create a new document, return to your website, copy the NavBar on the first page and paste it to the index page of the new document, then copy the two Navbars from your second page and paste them on the same page. Save the document.

Reply to this post, with the 'Go Advanced' option, pick Manage Attachments (additional options), and upload your XAR document. I can see the problem from the video, but I need to see the document to help.

Many thanks Gary.

Lylo,

Take a look at the attached - the NavBars work in the way (I think) you wanted. Both now have the same style and theme; both can be edited in the normal way.

The same theme colours and font are used in the Popup submenu for consistency.

The instructions are on the first page. You can play around with the attached to see how it works.

Gary

Hi Gary, thanks a lot for the time you spend for me, I appreciate.

It seem the issue is because I must strech the bar for put inside the dimensions of the site (he bar is too width).

I give you the adresse of my work in progress in mp, so you can see the project and you can test the buttons and see it's no good.

Edit : oups, no mp possible for you ?

What is the width of your page Lylo?

Width = 1120px
Height = 3310px

It's the template Cooking in the catalog. :)

Hi Gary, I think the problem solved, your nav bar work fine. I think the issue was because I let some nav bars outside the site. So I cleanned and now it's good.

But I have an another issue, it's sad. :(

A white line apper in the middle off the pages, I can't understand why.

Perhaps I must open a new thread.

The white line

Attachment 127322

Edit : it's a supersite with vertical scroll, perhaps the white line is a end of a shape and a beginning of another

Lylo,

It is a good idea to bring this thread to a close. I did a further test for the NavBars on the Cooking index template; all worked as expected. I have made a final post here with the updated XAR doc (in my version, I removed the next and previous buttons too).

Attachment 127324 Attachment 127325

If you get stuck with another problem, best to try a search for the solution on TG/Google, and if you are still stuck open a new thread. You can always make a copy of a page and post it as a separate document. Someone usually has the answer :D

Good luck, you will enjoy working with Designer Pro.

Gary