- Sothink Tree Menu
- Sothink DHTML Menu
- Cross-Browsers
- Copy and Paste
- Built-in Templates
- Publish Wizard
- Ruler Function New!
- Record tree menu status
- Control expanding/collapsing the sub tree selection in webpage
- Auto-highlight Menu
- Intuitive Interface
- Preview Options
- Set Width and Height
- Edit Multiple Nodes at One Time
- Select Synchronization
- Support Non-English Language
- Support W3C Valid XHTML 1.0
- Import *.pgt file
- Disable function in Node Setting
- Image Library
- Group Library
- Flexible Expanding Method
- Customized Cursor
- Add Sound to the Menu New!
- Special Effect New!
- Variable Node Display New!
- Site Map
- Search Engine Friendly Code Maker
- Generate Google XML Sitemap
- Site Navigation Structure Generator
- Append Multiple Sub Nodes
- Integration with Dreamweaver
- Integration with Expression Web
- Integration with FrontPage
- Create Database-Driven Tree Menu
- Multiple Tree Menus and Unlimited Nodes
Comprehensive Functions
Sothink Tree Menu supports all major browsers and their different versions on diverse platforms. The supported browsers include Opera, IE, Firefox, Safari, Mozilla, Camino, Netscape on Mac, PC and Vista. The tree menu can detect the visitors' browser type and load the best script code automatically, which is compatible with the browser’s platform. So you do not worry about browser compatibility.
| Platforms | Supported browsers and their versions |
| Windows | IE 5+, Netscape 7.0+, Opera 7.5+, Safari 3.1+, Firefox 1.0+, Mozilla 1.2.1+ |
| Mac | Opera 7.5+, Firefox 1.0+, Safari 2.0+, Netscape 7.0+, Mozilla 1.2.1+ |
| Linux |
Mozilla 1.2.1+, Opera 7.5+, Firefox 1.0+, Konqueror 3.0.3+ |
Sothink Tree Menu can be used with Dreamweaver as an extension. After the extension is installed, Sothink Tree Menu will be added to Dreamweaver's menubar as illustrated in the picture.
With a few clicks, you can accurately add a tree menu to your desired position in the design mode. You can also edit the tree menu later easily without starting from scratch.
Library and Template are fully supported, so you can edit a tree menu and let the application update all the relevant pages automatically.
Integrates with Expression Web
With the advent of Microsoft Expression Web, Sothink Tree Menu develops an add-in for users to create menu freely in Expression Web, which is similar to FrontPage.
Build menu without leaving Expression web. You can easily insert, move, modify or delete the menu from web page.
Support Dynamic Web Template, inserting one menu into multiple web pages.
Sothink Tree Menu can also be used within FrontPage as an Add-in. Once you install the program, Sothink Widget Toolbar will appear in FrontPage as shown in the picture.
In the design mode, FrontPage users can accurately insert a tree menu to the desired position and edit it easily at any moment without leaving the design mode.
Shared Borders, Include Page and Dynamic Web Template are fully supported, so you can edit a tree menu and let FrontPage update all the relevant pages for you automatically.
Sothink Tree Menu includes the advanced function of generating sitemap, which enables to generate a navigation page for your site automatically by analyzing the existing tree menu of web site. The Site Map Wizard can scan all nodes and their corresponding links, and create an ".htm" file to show all the relation and structure of the website.
Search Engine Friendly Code Maker 
This easy-to-use feature allows your menu contents to be found and read by search engines, even when JavaScript is forbidden in a browser. It improves your website’s rank and broadens its exposure.
XML sitemap maker can generate special codes and save them in XML format for tree menu based on its structure and link. Submitting this sitemap to Google, search engine spiders will index and crawl tree menu's link easily and quickly, which helps to speed up the discovery of website page.
Site Navigation Structure Generator
The Site Navigation Structure Generator is used to analyze file's structure, and generate tree menu in your site according to the analyzed result. The Generator Wizard will scan all links in the chosen file and scan the files it linked. Finally it will generate a tree menu based on the relationship and structure of these links.
Show the nodes you are editing in preview window at the same time. When you select nodes in the tree panel, the corresponding nodes will be marked in preview window.
The mark will use the style you have set for "Select" status of this item. This feature shows the nodes which are being edited clearly, which is convenient to set the properties of specific nodes.
Auto highlight node to show where the user is on the web site. Sothink Tree Menu can automatically display the highlighted node linking to the current page in the browsers. The highlighted node displays as the selected node of mouse out state in tree menu; moving the mouse over highlighted node, the highlighted node displays as selected node of mouse over state.
Control expanding/collapsing the sub-tree selection on a web page
Would you like to control the way a tree menu expands or collapses its sub-tree on a webpage? Just get the relevant codes and insert them into the page. It’s easy.
Tree Menu automatically keeps track of its view status. For example, when a browser closes, the current node is saved so that, when the browser is reopened, the last page viewed is visible on the menu. This provides continuity for viewers who get interrupted in their surfing.
Built-in templates help you start a professional tree menu from ready-made samples. These templates are designed by experts who were engaged in web development. The menu styles are fashionable and versatile. Certainly, there will one or more exquisite templates that suit your needs. To create a new novel tree menu by template, you just modify the text and replace the image. Furthermore, users are allowed to create their own templates and modify the existing ones.
Sothink Tree Menu provides an image library for users. The image library includes icon image, background image and arrow image. You can choose the images you like and edit them freely.
Sothink Tree Menu provides a group library for users. The group library includes button image and line image. You can choose the images you like and edit them freely.
The ruler function helps to layout your menu perfectly, which make the whole menu and each node get the precise size. Press the mouse in intersection and drag the crossing to position the coordinates origin. The current coordinates of the mouse show in the right bottom of the state bar.
The program not only supports English, but also non-English languages, such as Japanese, French, German, Russian, Chinese, Spanish, etc.; even Right-to-Left languages, such as Arabic, Hebrew, Persian, etc. In order to make the tree menu use the correct non-English languages, please set the applied language as the default language on your computer.
Publish Wizard is an intelligent assistant to help you easily publish the menu to your web pages. Several publishing methods are provided, allowing you to automatically or manually insert menu code into your HTML files. You can also make JavaScript Include files or copy menu resource files to a specified directory. Whether you are a beginner or an expert, our Publish Wizard makes it easy for you to publish your menu to your website.
W3C Valid XHTML 1.0 has validated the menu code generated by Sothink Tree Menu and the code generated by function SiteMap and Search Engine Friendly , which proves all that codes are compliant to W3C recommendations and other standards.
Supports switching to tree-like menu from drop-down menu by importing the authoring file (*.pgt) of Sothink DHTML Menu. New tree-like menu has the same properties with drop-down menu, including text content, text type, link, target, status, tip text.
Create Database-Driven Tree Menu
Creating dynamic database-driven tree menus has never been easier. Node text, links, tips and other properties can be dynamically generated from a database by using JSP, ASP, PHP, ColdFusion or other server side code. Just input the variables in the corresponding fields and write some conditions (if...else..., while, for, etc.) in the Conditions panel to generate a tree menu, instead of manually coding every line of the tree menu on the page. Those conditions will be saved in the menu configuration file, allowing you to easily modify the menu style.
Flexible Operations
Multiple Tree Menus and Unlimited Nodes
Many tree menus can co-exist in a single page without side-effects and each tree menu has its own style. The node number and hierarchical levels are unlimited in the tree menu. So if there are too many pages on the website, you have absolute freedom to choose between creating a huge tree menu or building several small tree menus.
Sothink Tree Menu has a visual interface, which makes the tree menu WYSWYG. There are four panels: tree panel, preview panel, tasks panel and property panel. After configuring the tree menu, you will see the result, which is the same with the tree menu page in real time. This makes it easy to implement modifications.
Select Synchronization helps you to show the selected nodes in the preview window when you pick the nodes in the tree panel.
Sothink Tree Menu can set width and height of the whole tree menu. In your website, you can place the tree menu in a fixed area, allowing you to control your web layout. Scrolling bars appear when width or height of the tree menu is less than its actual size.
There may be thousands of nodes with unlimited hierarchical levels in the tree menu. Any node and its sub nodes can be set as the expanded or collapsed status. The node appearance is totally customizable in Sothink Tree Menu. Users can create hundreds and thousands of combinations of different texts, fonts, alignments, colors, sizes, transparencies, guide lines, etc., with great ease. And all doctypes are supported. It is especially interesting that the background of either the whole menu or a single sub-node can be a still photo or an animated image. The indent between sub-tree and parent node can be modified easily and the arrow image of the node that includes sub trees can be configured as users like.
Sothink Tree Menu gives you the flexibility to display your tree menu the way you want. You can expand all the nodes or collapse nodes with the click of a mouse. If you like, you can create a simple tree menu without buttons or guide lines; simply click on the text to expand or collapse. So many choices are offered. There must be one for you.
You can even control which nodes are expanded or collapsed when the tree menu is initially loaded. We provide a JavaScript API for expanding or collapsing any sub-trees at one time, including the whole tree. You can copy and paste these codes to control the tree menu in the web page easily.
Instead of adding sub-nodes one-by-one, we’ve included a function where you can add an arbitrary number of sub-menu items all at once.
The sound function in Global Settings enables the menu to play sound when clicking the node including sub tree to expand & collapse, clicking the node with link address or moving the mouse over the node.
Special Effect to Display or Hide the Sub Tree
The effect function in Sub-tree Settings enables users to choose a type of special effect to display or hide the sub nodes.
Edit Multiple Nodes at One Time
You can select multiple nodes in the Tree Panel and edit them in the property window at one time. You no longer need to select and edit the nodes one by one. You can also drag and drop multiple nodes to anywhere in the Menu Tree so as to re-construct the menu.
Sothink Tree Menu supports Copy and Paste functions, allowing you to copy a node and place it anywhere in your menu: on the top of the menu, near the bottom, or even in a submenu. Both the node’s text and properties are duplicated.
Select or customize the cursor icon for the node to distinguish the linking node and no linking node. No linking cursor is that the cursor moves over the node without linking; and linking cursor is that the cursor moves over the node with linking.
Sothink Tree Menu allows users to preview their menu in a built-in preview window or in an external browser before it is inserted into a webpage. You can even preview the exact position of the menu on the page, so that you get the result you want.
This function helps you disable certain nodes so it is quite useful for those menus including nodes that changed from time to time. For example, you own a shopping website and there's a "special discount" node in the product category. Sometimes you have discount products to offer and sometimes you don't. In this condition, you don't have to change the menu by adding and deleting the "special discount" node from time to time - that's too troublesome. You can modify the menu easily by disabling the special discount node.
