MOD: Global Navigation System

1. The label alignment is set in the xml file only:
http://www.flashcmsframework.com/docs/doku.php?id=global_navigation_xml#btnlabelalign
The btnBg width is also set in the xml file only:
http://www.flashcmsframework.com/docs/doku.php?id=global_navigation_xml#btnsize
Where did you find it "instructed" in the swf? If so, I have to remove it there...
If you still have problems with this, you can send me the file and I have a look.

2. http://www.flashcmsframework.com/docs/doku.php?id=global_navigation_public_methods#setfadeouttimerdelay
navigationManager.setFadeOutTimerDelay(0);

3. Good point. It's not possible yet, but I definitly will take this as a request for the next version.

4. You could do it manually, but I will try to put this also in the next release.

Cheers,
Christian

hi christian,

thanks a lot for your global navigation mod! it's excatly what i was working on, but not half as professional scripted as yours, hehe.

i have one question, although i read the documentation, i still don't know exactly how to do this. i would like to get all the NavigationButtons from a certain level, and animate them (in some similar way like this navigation here: http://haunchofvenison.com/en/#page=home.shop). i extended your classes and added some events, wich works fine. now i just have to grab the NavigationButtons of every level. so could you give me a hint how i could achive that from within NavPage.as?

Hi Bruce

Have a look at these methods: getSiblings, getParent, getChildren, getBtnsByID...
http://www.flashcmsframework.com/docs/doku.php?id=global_navigation_public_methods#getbtnsbyid
With these you can retrieve the buttons from every perspective. Can you tell me what you needed to extend? Maybe it's not needed or I could use the input for the next release!

Thanks!
Christian

Code:

getSiblings(btnID:String):Array
*Returns an array of NavigationButtons OF THE SAME LEVEL

well... that was just what i was looking for! thanks, i must have missed that.

i extended your NavigationManager and NavigationEvent classes to add 2 extra events wich are being dispatched whenever the mouse goes over a certain x/y-position. this is because i want the navigation to expand/collapse according to the mouseposition. i think it's something special for the site i'm working on, and i didnt want to change your original code for that.

hi christian,

im wondering if theres an easy way to access the NaviagtionButtons on screen by levels, without using the buttons events. when listening to a buttons rollOver, etc, the btnID is sent via the eventobject. but as i want to have access to the NavigationButtons according to the user's mouseposition (so i can't use the buttons rollovers, etc), i guess the active btnID's should be stored in some variable. now that's not a big thing, i was just wondering if there's already something in your package that i could use for that.

1. The label alignment is set in the xml file only:
http://www.flashcmsframework.com/docs/doku.php?id=global_navigation_xml#btnlabelalign
The btnBg width is also set in the xml file only:
http://www.flashcmsframework.com/docs/doku.php?id=global_navigation_xml#btnsize
Where did you find it "instructed" in the swf? If so, I have to remove it there...
If you still have problems with this, you can send me the file and I have a look.

You're right. I misread the "TESTING" section and thought that was where I define the alignment. My mistake!

However, I still cannot figure out how to have a separate rollover state for the navigBtnLabel. If I change the color of the text in the intro to black, and then I change it in the rollover state to blue, it will remain blue, because I am merely altering the same MC, "textFieldMc." However, if I create a new MC with a different name, it will no longer be populated with the data, so it appears blank. Am I making sense? What is the proper way of going about this?

Also, is it possible to have two separate navigation systems set up? I have the main nav setup on NavPage.as, and I have a submenu I would like on the side in individual sections, such as under my "About" section. So for that, I added the NavigationManager to my AboutPage.as, fsetup a separate xml file with a different button swf and everything, yet for some reason, this merely overrides the main navigation I have in nav.swf. Why is that?

Thanks!

   
your work is excellent, but I do not work in the latest version of gaia.

please help to work on gaia 3.1.3

   
Videotutorial would help a lot for newbies like me to implement the Global Navigation System in gaia

I've zipped the whole working project for you:
http://www.flashcmsframework.com/downloads/gaia_global_nav_absolut_position_demo.zip


Hello turtlebite,
I'm in a bit of a hurry but I don't ask you tha solution, just a hint maybe.
I'm trying to position the menu in top center and don't know gaia stage event listeners too well so can you give me a guidelines how can I center top it.

Thanx in advance
Davor

Hi Christian,

first of all thanks for your great navigation mod! It saves lot of time flashwebsite development.
A have only a single question. How can I hide/show complete navigation on some event?
I want to achieve very similar navigation wich you can find on http://www.novell.com. If you roll over MENU+ link it rolls down a complete navigation and hides it again if you leave navigation area.
I tried to extend NavPage by adding following script:

Code:

private function NavOff()
{
navigationManager.visible = false;
}

I created a button on stage which loads this function.
But it doesn't work... I also tried to use "btn" instead of "navigationManager". Nothing happens when I click this button.
Is there any way to achieve that?

Thanks!

hi softpixel,

all NavigationButtons are placed inside a container clip, wich you can hide or animate very easily. by default, this clip is called "btnsContainer", have a look at it in the NavigationManager class. you can access it from for example NavPage with its getter method "navigationManager.getBtnsContainer()".

@brucewayne

thx! It works!

@suminona
Add this in navPage.as:

Code:

// Create navigation container
navContainer = new MovieClip();
VarCentral.getInstance().vars.navContainer = navContainer;
VarCentral.getInstance().vars.main.stage.addChild(navContainer);

Then in main.as do this:

Code:

override protected function onResize(event:Event):void
{
      view.x = Math.round((stage.stageWidth - _$WIDTH) / 2);
      view.y = Math.round((stage.stageHeight - _$HEIGHT) / 2);
      if (VarCentral.getInstance().vars.navContainer != undefined) {
   VarCentral.getInstance().vars.navContainer.x = view.x;
      }
}

@jwing
Can you upload the project somewhere? It's easier if I see the code/fla.

It is possible to have more than one navigation systems set up, but I have to do a small update (because of the global event system). I will do that in the next days.

BUT: Whenever possible I would recommend to stick to one navigation system, because than you can deeplink to anywhere in it. Otherwise it will be more complicate. You can set up a sub navig for your "about" section that just appears when you are in that section. You even can place/animate that navig level seperatly, or, if it should be behind some content, use a mask. (I hope this is somehow clear, it's late and I should really switch off... ;.)

@mrgm148

You mean it does not work in Gaia 3.1.3? Anyway, as I mentioned before, I will do a small update and I will setup a project with the newest Gaia release.

I know a video tutorial would be a fine thing but I have to admit I propably will not find the time to do it...