How do I use SLIDE instead of FADE in a YUI Menu animation?

Posted by Avry on Stack Overflow See other posts from Stack Overflow or by Avry
Published on 2011-01-17T07:50:34Z Indexed on 2011/01/17 7:53 UTC
Read the original article Hit count: 295

Filed under:

yui

|

yui-menu

I'm using the following configuration for a menu that is attached to a button:

var srchTypeMenuConfig = { shadow: false,
                           effect: { 
                            effect: YAHOO.widget.ContainerEffect.FADE,
                            duration: .25 
                           }
                         };

I get a nice fade in and out for my menu when I click on the button; I'd rather have it slide in and out though. I replace YAHOO.widget.ContainerEffect.FADE with YAHOO.widget.ContainerEffect.SLIDE and the menu doesn't appear.

Is there a way for me to get YUI to give me the slide effect?

Here's what I've done so far:

1) Looked at the examples.

2) Looked at some effects examples from DavGlass' blog.

3) Searched the forums for 'ContainerEffect.SLIDE'.

4) Searched SO for 'ContainerEffect.SLIDE [YUI]'.

I haven't found any helpful information. I suspect that I need to add something to my configuration, but I don't understand why fade would work but slide doesn't.

© Stack Overflow or respective owner

Related posts about yui

How to manually check a YUI radio "button".

as seen on Stack Overflow - Search for 'Stack Overflow'
<script type="text/javascript"> (function () { var ButtonGroup = YAHOO.widget.ButtonGroup; var onCheckedButtonChange = function (p_oEvent) { }; YAHOO.util.Event.onContentReady("mediaFilterButtonsFieldset", function () { var oButtonGroup = new ButtonGroup("mediaFilterButtons"); … >>> More
How to change the datasource on a YUI datagrid after creation

as seen on Stack Overflow - Search for 'Stack Overflow'
I am using the Yahoo DataTable for which the API is here. I am having difficulty changing the data once I have rendered the grid once. I am using jQuery to get data via AJAX, or from a client side data island and need to put this back into the grid. There is no setDataSource method in the DataTable… >>> More
What is the JQuery equivalent of YUI buttons?

as seen on Stack Overflow - Search for 'Stack Overflow'
http://developer.yahoo.com/yui/button More specifically, I want radio buttons. that can be checked/unchecked. >>> More
Always keep aspect ratio when resizing images in YUI Rich text editor

as seen on Stack Overflow - Search for 'Stack Overflow'
As the topic said: I'm using an RTE in my web page today, and I wonder if there's a way to always keep the aspect ratio of a picture? If you drag in the corners in Firefox it keeps the ratio, but not in IE. >>> More
Rich Text Editor (YUI Simple Text Editor used) not sending data to next page

as seen on Stack Overflow - Search for 'Stack Overflow'
I am using a simple text editor from YUI, but when I click submit the code in the textarea/editor is not sent to the next page. I want to be able to receive it on the subsequent page and then store it in a DB(MySql). I have wasted lot of time already. Please help. HTML FILE: <html> <head> <script… >>> More

Related posts about yui-menu

YUI Menu rendering below "fold" on first open

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a YUI menu on the bottom navigation of the screen which creates a large white space beneath it where the action list would be rendered if visible... On the first click the menu will render in that white space which requires the user to scroll to see it... on the second click however it will… >>> More
How do I use SLIDE instead of FADE in a YUI Menu animation?

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm using the following configuration for a menu that is attached to a button: var srchTypeMenuConfig = { shadow: false, effect: { effect: YAHOO.widget.ContainerEffect.FADE, duration: .25 … >>> More
YUI (JS): Putting a MenuBar in a Panel

as seen on Stack Overflow - Search for 'Stack Overflow'
If I put a YUI menu bar in the body it works perfectly. However if I use it inside of a Panel it shows up without the proper background. It is larger than it should be. Other than the default sam skin I'm using only the following css. .windowbody is the class of the panel. <style type="text/css"> body… >>> More