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

Drop Down (Tree) Menu V3

(views: 5015)

Drop Down Menu V3 and Drop Down Tree Menu V3 are xml flash accordion menus featuring customized states, customized transitions and tweens. Here are all known issues for Drop Down Menu V3 and Drop Down 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.



Adding a separating gap between menu items

(2008-01-29 - views: 1005)

Q: I am trying to do a menu in which main buttons separates X Pixel, but can´t do it with DDMT.
Can help me? please!

A: Each menu item has a horizontal and vertical separator clip. For the default skin these clips are empty, so the items are not separated. If you need to separate the menu items, you can draw a shape in the separator clips and give it size you need.

For example if you need to have a the menu items vertically separated with a gap of 3 pixels, you can draw a rectangle in the vertical separator clip which has the height of 3 pixels. If you need to separate the menu items horizontally with a gap of 3 pixels, draw a shape in the horizontal separator clip and give it a width of 3 pixels.

For the AS2 version of the menu you can find these clips among the skin's assets. You just need to load the .fla file that contains the skin you are using and modify the horizontal and/or vertical separator clips. The .fla files containing the assets for the component's different skins are found in the Assets folder, in the .zip file you received when you purchased the component.

The AS3 version of the component already has the assets embedded into it so you can double click on the component instance on stage and you will gain access to the default skin's assets.


User Comments

This is not working
posted by kaktum on 2008-02-06

I have designed a menu with 4 main buttons. Each of these buttons have a different style associated, so I have 4 "MenuAssets" movieclips.
If I draw a shape in the horizontal separator clip of one of the styles movieclip, I don´t see any change in my menu.

I think the method you described works with main buttons with the same style, but not with different ones.
I don´t know if I am right.
Thanks
It's working but...
posted by negush on 2008-02-06

The above method is working but the separators belong to the parent's style. Since you want to apply the spacing between the main menu items, you need to define a child style for the main menu items, in the < main > xml node:
< data >
< main childstyle="style1" >
...

After that, you can set a different style for each of the main items, but the component will use the separator defined at "style1".
Thanks
posted by kaktum on 2008-02-06

It works!! :)
Thanks a lot
v-separator is working, but not h?
posted by Geografiek on 2008-05-30

Hi,
I have one menu item (child of <main childStyle="style1">
The menu has 2 children (ch of <item childStyle="style2" title="Menu">)
And the in turn also have children ( e.g. ch of <item title="Opties" childStyle="style3">

I added a shape to both the DDM_OrangeD1_style3_vseparator and the DDM_OrangeD1_style3_hseparator

Now the last menu level (style3) are nicely separated vertically but still not horizontally from their parent (style2)
How come?

v-separator is working, but not h?
posted by negush on 2008-06-02

The h-separator is only working for the main menu items (if menu is horizontal), to separate the main menu items horizontally. The rest of the child menus are only separated vertically and h-separator has no effect.

In case the main menu is vertical, then the v-separator separates vertically the main menus and h-separator would have no effect.


Login to post your comment login to post your comment



Back

Knowledge Base Search

Enter keywords bellow:
Advanced Search

Menu

Free Trial Versions

The trial versions do have a major limitation. They will ONLY run into debugger flash player versions, such as the Flash IDE player and the activeX FP used by developers.

Switch from Free Trial version to Full version.

You can switch from Trial to Full versions in a blink of an eye.
See this tutorial in order to find out how.

We accept Google Checkout

Google Checkout Acceptance Mark

Secured by VeriSign