Sitecore Treelist Customization by Deluxe-Tree.com
Sitecore Treelist Customization


Buy Now!  Free Trial Download

Menu Screenshots Sitecore Treelist Customization

Sitecore Treelist Customization Tree Hide Buttons

Features Sitecore Treelist Customization

High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • Runs well with an unlimited number of submenus and items
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
Tree Scrolling Menus Samples Sitecore Treelist Customization
Easy Setup
  • De Luxe Tuner. GUI interface to create your sitecore treelist customization menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed sitecore treelist customization samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Seamless Integration
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Use a mouse to move a menu as a usual window.
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.
  • There can be as many submenus as necessary. Any submenu in its turn can include different number of columns.

Recent Questions Sitecore Treelist Customization

Q: Could you please advise how to stop drop down menu horizontal going under a swf in Firefox.

A: To overlap your flash file you should add opaque parametersto your flash, for example:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"width="566" height="250" title="Intro">
<param name="movie" value="/includes/banner_final3d.swf" />
<param name="wmode" value="opaque">
<param name="quality" value="high" />
<embed src="/includes/banner_final3d.swf" quality="high" wmode="opaque" pluginspage="http://www.macromedia.com/go/getflashplayer"type="application/x-shockwave-flash" width="566" height="250">
</embed>
</object>

You can find more info about menu parameters on our website:
http://deluxe-menu.com/objects-overlapping-sample.html


Q: I am using your javascript menu over. I have had a report today that the menu is problematic with IE8. As follows:

"A bit more of a concern is in IE8 where the menu does not function correctly in general at all. When you hover over the menu text the sub menu appears, but when you move your mouse across to select an item off the sub menu it closes. "

Are you able to confirm and rectify his problem?

A: Yes, our menu has some problems with IE8, because IE8 is a betaversion and has just a part of future functionality, for exampleit still doesn't have filters.

We're planning to add the full support for IE8as well as for all major browsers.
All issues will be fixed with final version of IE8.



Q: I cannot see the shadow on the top items of the menu. Can you help me?


A: Now you have shadow the submenus only, if you want to have shadowfor the top items you should set the following parameters:

//--- Transitional Effects & Filters
  var shadowLen=4;
  var shadowColor="#B1B1B1";
  var shadowTop=1;

You can see the shadow in Internet Explorer 5+ only.

See more info here:
http://deluxe-menu.com/filters-and-effects-sample.html


Q: Hi, I just downloaded a trial version of your software but I don't know how to use it. Do you have online tutorials to learn how to work with it?? Thank you.


A: Unfortunately we don't have step by step tutorial now. We'll try tocreate it in the nearest time.

1. Create your menu in Deluxe Tuner application.
You can create any menu as you like in Deluxe Tuner.

Deluxe Tuner v2.4 supports JavaScript Tree Menu (http://deluxe-menu.com) &Javascript/DHTML Tree (http://deluxe-tree.com) & Deluxe Tabs (http://deluxe-tabs.com)

You can use ready to use templates. You can find them in the templateswindow.

When you open Deluxe Tuner ( JavaScript Tree Menu ) you can click "File/New"and add items and subitems using buttons "Add Item" and "Add Subitem" onthe main window.
You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the menu on the main window.

More info about menu parameters you can find on our site (you can alsouse local version of the site which you can find in the trial package"JavaScript Tree Menu / deluxe-menu.com /")
http://deluxe-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html

You can also use Individual Styles for items and subitems
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html

2. You should install the menu on your page.
You can click, for example, File/Export to HTML (you can't do it inthe MAC version).

Add several rows into your html page.

<head>
...
<!-- JavaScript Tree Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
<script type="text/javascript" src="data-deluxe-menu.js"></script> //data-deluxe-menu.js - data file created in Deluxe Tuner.
...
</head>

<body>
...
<table>
<tr><td><script type="text/javascript" src="deluxe-menu.files/data.js"></script></td></tr>
</table>
...
</body>

You should also copy all engine files
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
into "deluxe-menu.files/" folder. You should place this folder in thesame folder with your index. html page.