Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Russ on Jul 27, 2009 00:35
open dhtmlx forum
dhtmlxmenu - how to show submenu arrows?

How can I get the arrows from the skin file to display when the item contains a submenu? Is there a setting I need to activate? Or is this based in my external xml file?

Cheers,

Russell
Answer posted by Alex (support) on Jul 27, 2009 01:09

Hello,

the path to images is defined in the css file. For example in case of dhx_blue skin (dhmtlxmenu_dhx_blue.gif):

div.dhtmlxMenu_dhx_blue_SubLevelArea_ArrowUp div.dhtmlxMenu_dhx_blue_SubLevelArea_Arrow {
 background-image: url("../imgs/dhxmenu_dhx_blue/dhtmlxmenu_arrow_up.gif");
}
div.dhtmlxMenu_dhx_blue_SubLevelArea_ArrowUp_Over div.dhtmlxMenu_dhx_blue_SubLevelArea_Arrow {
 background-image: url("../imgs/dhxmenu_dhx_blue/dhtmlxmenu_arrow_up_over.gif");
}
div.dhtmlxMenu_dhx_blue_SubLevelArea_ArrowUp_Disabled div.dhtmlxMenu_dhx_blue_SubLevelArea_Arrow {
 background-image: url("../imgs/dhxmenu_dhx_blue/dhtmlxmenu_arrow_up_dis.gif");
}

Answer posted by Russ on Jul 27, 2009 02:57
Thanks Alex, unfortunately the drop down arrows still don't seem to be appearing, there isn't even a broken image appearing, just simply not at all. I can get the icons on the left to appear no problem, but not the submenu arrows on the right. Is there a setting somewhere to enable them?
Answer posted by Alex (support) on Jul 27, 2009 03:31

Please, take a look at the attached sample. Possibly it'll allow to resolve the issue.

If the problem still occurs, please provide the sample where we will have an opportunity to re-create it

Attachments (1)
Answer posted by Russ on Jul 27, 2009 03:53
Ah OK, I think I see where the problem lies now.

The arrows work fine in the submenus, but how do I get them to appear in the top level buttons of the menu bar? For example, an arrow which points downwards to denote that there is a drop down menu within the top level item.

Thanks for your help so far!
Answer posted by Alex (support) on Jul 27, 2009 05:45

Menu doesn't support arrows for top-level items.

You can try to add the necessary image with the item text as html:

<item id="m1" text="File &lt;img src='codebase/imgs/dhxmenu_dhx_blue/dhtmlxmenu_arrow_down.gif'&gt;">

Answer posted by Russ on Jul 27, 2009 06:45
Ah OK, no worries.

Thanks for your help Alex :-)