My account
Shopping cart
Knowledge base
Support

Knowledge Base

Important! All new questions are usually answered within the next business day.

Accordion (Tree) Menu V3

(views: 25374)

Accordion Menu V3 and Accordion Tree Menu V3 are xml flash accordion menus featuring customized states, customized transitions and tweens. Here are all known issues for Accordion Menu V3 and Accordion Tree Menu V3, they should be similar, since basically it is the same component. If you have any questions that you think we should discuss here please let us know.



Open menu upwards

(2008-04-10 - views: 5046)
Q: Can the accordion menu be opened upwards so that the bottom stays fixed in one position ?
A: The menu always opens downwards but there is a workaround that would make the menu to be aligned to the bottom. While the menu is opening (downwards), you need to move the entire menu upwards. The example below does just this.
Files: ATM_OpenUpwards.zip 


User Comments

Open menu upwards AS3
posted by juniorkimbrough on 2009-04-07
There is an example where the acc menu open upwards but its implemented in as2. Is it possible to get the example in as3?

Best regards
Open menu upwards AS3
posted by florodebat on 2009-04-08
Below is the AS3 code that will make the menu to be aligned to the bottom:

import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.TweenEvent
// Once the component has been completely drawn, position it to the bottom of the Stage.
function drawHdl (evt: AccordionMenuEvents):void{
arrange();
}
// Each time the user clicks on an item, move the accordion menu to the bottom of the Stage.
// Listen for the "onDrawComplete" and "onChange" events.
import com.jumpeye.Events. AccordionMenuEvents;
accTreeMenu.addEventListener(AccordionMenuEvents.DRAW, drawHdl);
accTreeMenu.addEventListener(AccordionMenuEvents.CHANGE, drawHdl);

// Function for arranging the accordion's position.
function arrange():void {
var finV:Number = stage.stageHeight - accTreeMenu.height;
trace (stage.stageHeight)
trace(finV)
moveMe(accTreeMenu, finV, accTreeMenu.tweeningDuration);
}

//This function actually moves the accordion menu.
//a - the reference to the accordion menu
//finalValue:Number - the final value of the y coordinate
//time:Number - the duration of the tween (should be the same as
//the component's tweeningDuration parameter)
function moveMe(a:Object, finalValue:Number, t:Number):void {
// The tween type and ease type parameters of the Tween should have the same values as the
// tweenType and easeType parameters of the component.
var obj={};
var tween:Tween = new Tween(obj, "prop", Strong.easeOut, a.y, finalValue, t, false);
// On each onMotionChange event, we need to round the tween's values for a smooth tween.
tween.addEventListener(TweenEvent.MOTION_CHANGE, onMotionChanged )
}

function onMotionChanged (tw:TweenEvent):void{

accTreeMenu.y = Math.ceil(tw.target.obj.prop);
}
Hope this helps
Where does the AS3 code go?
posted by bigbadroo on 2010-01-03
Hi

I tried putting the AS3 code inot the above file, and it tells me it needs AS2. So I then put the AS3 code into the AS3 Accordion Menu fla file, and it only displays the regular drop down menu, not from bottom up.

Could you please elaborate on where the AS3 code needs to go to make this work?

Thanks for your time and help.

Shaun Thomson
AS3 code above is usable only with the AS3 version of the component
posted by florodebat on 2010-01-13
Sorry for the late reply - it's more advisable to write us using the ticket system because we do not guarantee 100% response here. I have retested the code above and it is working fine. I am not very sure what is wrong in you case but please open a new support ticket and our tech support team will help you to solve that issue.

http://www.jumpeyecomponents.com/support/open.php


Login to post your comment login to post your comment

Other questions in this item

Call JavaScript from XML Open menu item pages into target - "_self" Can I add a rollover sound? Item description from XML Change Text Color on Rollover Load movies on item select Insert a line break into label Use hand cursor on menu Go to different frames by pressing a menu item Add different styles for each main items. Transparent background menu Align header text to right Go to different frames by pressing a menu item Disable-Enable Accordion (Tree) Menu V3 Keep the Accordion (Tree) Menu V3 vertically aligned How do I add the AccordionTreeMenuV3 on stage in runtime? Referencing item's textfield in Accordion (Tree) Menu V3 Underline On Rollover Use hand cursor on menu Scene navigation Adding icons Accordion Tree Menu expandAll() Automatic Collapse Add a fixed item under the menu acc.height not updated? Selected item level How do I add the AccordionTreeMenuV3AS3 from class file to stage hotwo: submenus already expanded on activation? how to change fontsize Animated items clickItem() and expandItem() do not execute actions of menu item Get the type of the selected item Letter kerning Autoexpand on Start Change the position of the menu icons Go To First Child When Select Top Level Menu Item Children of a menu item Change the position of the folder icons Rotated text for menu items Menu Item visibility / disable Reference to text fields within menu items Step backwards and forwards through menu Spacing between menu items Accordion menu accurate size Letter kerning Title on multiple lines

Back