Knowledge Base |
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!
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.
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
It's working but...
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".
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
It works!! :)
Thanks a lot
posted by kaktum on 2008-02-06
It works!! :)
Thanks a lot
v-separator is working, but not h?
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?
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?
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.
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
Other questions in this item:
Drop over HTML content Call JavaScript from XML Open menu item pages into target - "_self" Initiate Drop Down Tree Menu V3 through ActionScript Item description from XML Disable-Enable Drop Down (Tree) Menu Displaying the submenu horizontally instead of vertical Navigate through scenes Hand cursor Adding a checkbox to a menu Referencing item's textfield in Drop Down (Tree) Menu V3 Centering the titles on the Drop Down (Tree) Menu V3 Load movies on item select Go to different frames by pressing a menu item Changing Design Different text formats and anti alias Autoexpand on start setXML() generates error message Open menu items upwards Load movies on item select Correct width of the main menuMenu |
|
|

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