Knowledge Base |
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
Files: ATM_OpenUpwards.zip
User Comments
Open menu upwards AS3
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
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?
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
posted by bigbadroo on 2010-01-03
HiI 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
http://www.jumpeyecomponents.com/support/open.php
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










Best regards