Can the Milonic menu do this?

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
Speednet
Super Advanced
Super Advanced
Posts: 33
Joined: Thu Nov 25, 2004 4:29 am

Can the Milonic menu do this?

Post by Speednet »

I looked through the samples, but I was unable to locate a demo on the Milonic site that imitates a menu on the following web site.

To get there, first go to the following URL:

http://www.smartertools.com/Products/Sm ... /Demo.aspx

Then, click the option for Log in to demo with automated login.

When it completes the login, check out the drop-down menus for Mail, Contacts, Reports, and Settings. The menus very quickly slide down, and then slide back up when you mouse out. They don't do the window shade effect of gradually displaying in a vertical wipe, they actually slide.

It's a nice effect. I also like how the effect happens very quickly, so it doesn't become distracting. Any idea of how this can be done?

Much appreciated!
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

Sorry I don't have time right now to look at the URL you posted, but check this page for info on the MS filters the menu uses. Possibly what you are looking for is there. Note these will only work with IE.
John
Speednet
Super Advanced
Super Advanced
Posts: 33
Joined: Thu Nov 25, 2004 4:29 am

Post by Speednet »

John wrote:Sorry I don't have time right now to look at the URL you posted, but check this page for info on the MS filters the menu uses. Possibly what you are looking for is there. Note these will only work with IE.
Thanks John. There seems to be one transition filter that may work, but it also seems to be the least documented of them all. It's called "slide", and it only exists on one of the sample pages. For some reason, it doesn't appear in their master list of transitions.

Still, if anyone has used this and has a working example, I'd love to see it.
Speednet
Super Advanced
Super Advanced
Posts: 33
Joined: Thu Nov 25, 2004 4:29 am

Post by Speednet »

I tried slide and it didn't work. It was more of a "wipe" than a "slide". Still looking for answers, if anyone knows.
Speednet
Super Advanced
Super Advanced
Posts: 33
Joined: Thu Nov 25, 2004 4:29 am

Post by Speednet »

Just checking in to see if anyone had ideas on this. I'd like to implement the effect I described, if anyone knows how to do it. If it can't be done, it's no big deal, but if it can I'm all ears.
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

Hi,

Try the menu Demo for IE Filters and Transitions. The transitions are the ones that do things like the slide and wipe. Hope that helps.

Ruth
Speednet
Super Advanced
Super Advanced
Posts: 33
Joined: Thu Nov 25, 2004 4:29 am

Post by Speednet »

Hi Ruth,

Thanks for the reply. The transition called "slide" is not really a slide at all. It is really just like a wiping effect, which reveals the box starting at the top and "wiping" down to the bottom. There is no "sliding" of the box at all, which makes me wonder why the heck they called it "slide".

The other menus that I noticed doing the effect I'm talking about is from ComponentArt.com. That menu control is applicable only for those who program in ASP.NET, and are more expensive than Milonic. They do, however, have that effect I'm talking about.

I'm sure everyone knows what I mean -- I'm just trying to find out if anyone has accomplished it with Milonic menus, and if they have, how to do it.
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

You can try using blinds with bands=1. Using the downloaded sample, you would add this code

Code: Select all

subStyle=new copyOf(menuStyle);
subStyle.overfilter="Blinds(bands=1, direction='Down', duration=0.3)";
subStyle.outfilter="Blinds(bands=1, direction='Up', duration=0.2)";
Then in all the submenus change the style=menuStyle; to style=subStyle;

You'll have to play with the speed to get what you want. And, if you have 3rd levels like the sample has you probably want to change the direction to right, so it 'slides' to the right.

Hope this helps.

Ruth
Post Reply