# Liquid (fluent) layout with sliding menu

**URL:** <https://forum.kirupa.com/t/liquid-fluent-layout-with-sliding-menu/321767>\
**Category:** Uncategorized\
**Created:** [April 30, 2011, 6:28pm UTC](https://forum.kirupa.com/t/liquid-fluent-layout-with-sliding-menu/321767 "2011-04-30T18:28:54Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![superdre2004](https://avatars.discourse-cdn.com/v4/letter/s/85f322/32.png) [@superdre2004](https://forum.kirupa.com/u/superdre2004)\
**Post date:** [April 30, 2011, 6:28pm UTC](https://forum.kirupa.com/t/liquid-fluent-layout-with-sliding-menu/321767/1 "2011-04-30T18:28:54Z")

</div>

Hi there, i´m having troubles with this site.  
I made (in fact assemble) an sliding menu wich works fine, the thing is i realized i need liquid (fluent) layout in my site and i can´t make it work with this particular menu.  
I found information an i could make work a flash movie with liquid layout but with two simple mc when i try to do the same with my menu (also an mc with some code attached) it no longer works.  
Post the code to see if someone can help me, thanks!  
\*\*  
movieclip:\*\* menu\_mc (this is its instance name)  
**code in keyframe:**

/// begin sliding code

images\_mc.stop();  
hidden\_btn.\_alpha = 0;

import mx.transitions.Tween;  
import mx.transitions.easing.\*;

var rolled\_up = menu\_mc.\_x;  
var rolled\_out = 0;  
var menu\_stat = “in”;

function slide\_out() {  
current\_x = menu\_mc.\_x;  
var anim:Tween = new Tween(menu\_mc, “\_x”, Strong.easeOut, current\_x, rolled\_out, 1, true);  
hidden\_btn.\_x=0;  
menu\_mc.menu\_bg\_mc.enabled=false;  
}

function slide\_in() {  
current\_x = menu\_mc.\_x;  
var anim:Tween = new Tween(menu\_mc, “\_x”, Back.easeOut, current\_x, rolled\_up, 1, true);  
hidden\_btn.\_x=-1000000;  
menu\_mc.menu\_bg\_mc.enabled=true;  
}

menu\_mc.menu\_bg\_mc.onRollOver = function(){  
slide\_out();  
}

hidden\_btn.onRollOver = function(){  
slide\_in();  
}

menu\_mc.my1\_btn.onRelease = function(){  
images\_mc.gotoAndStop(1);  
}

menu\_mc.my2\_btn.onRelease = function(){  
images\_mc.gotoAndStop(2);  
}

menu\_mc.my3\_btn.onRelease = function(){  
images\_mc.gotoAndStop(3);  
}

/// end of sliding code

Separate i have the code (that works fine in another file and mc)

i have 2 movie clips one place as a menu on the left side and a rectangle placed in the center of the movie

izq: instance name  
img: instance name

/// begin of code

Stage.scaleMode=“noScale”;  
Stage.showMenu=false;  
var redimencion:Object=new Object();  
redimencion.onResize=function() {  
imagen.\_x= 400;  
imagen.\_y= 200;  
imagen.\_width = Stage.width-400;  
imagen.\_width = Stage.height-200-250;

izq.\_x= 0;  
izq.\_y= 0;  
izq.\_height = Stage.height;  
};

Stage.addListener(miListener);

/// end of code

files  
[depositfiles.com/es/files/1ni76gnok](http://www.actionscript.org/forums/depositfiles.com/es/files/1ni76gnok)

I think some of the sliding code it´s interfering with the liquid layout code.  
thanks in advanced!  
Roxana.