Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows

Knowledge Base support case for Likno Drop Down Menu Trees, abstracted and stripped of all user’s private info.

Initial Email From: John
Initial Email Subject: Drop down menu trees question
Support Case Month: June 2012

Hi,

I'm evaluating the trial version of your Drop down menu trees program and when I create a new project and preview it, the selected leaves show as being selected in the preview, which is what I want.  However as soon as I begin customizing it by adding putting a value in the link field under the mouse click column that leaf no longer will show as being selected.  Am I missing something?  I'm ready to purchase a license for this however I do need to know I can have the currently selected page (leaf) showing as being selected.

Thanks,

John

Reply From: Likno Customer Support

Dear John,

I am afraid that there is currently no automatic way to re-select the “current” item in the tree. You can do this using the API if you want, but this would mean adding a given code in every page to select the desired item.

Is this something you consider critical for the application?

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: John

My customers like this option Kostas, I often use a similar option in AllWebMenus  to indicate the active page.  I'm looking to upgrade an older tree application in one of my web sites (http://barnquilts.com) which does indicate the active page in the tree.

If you could tell me what it would involve to use the API and additional code that might work for me.  I'd really like to use your tree program, I love using the other Likno products I'm licensed to use.

John

Reply From: Likno Customer Support

Dear John,

Using the Tree API you can call the tree (using its “compiled name”) and then toggle and select the items you want.

For example if you add the following code to your page (right after the Linking Code):

<script type="text/javascript">

    setTimeout(function () {

        tree.toggleBranch("tree_1");

        tree.selectBranch("tree_1_0");

    }, 500);

</script>

This will unfold the second tree item (assuming it has a subtree) and select the first item of its subtree. Note that the numbering starts from 0.

The above will work in a default new project.

If you change the compile name of your tree to “mytree”:

Then the above code should be:

<script type="text/javascript">

    setTimeout(function () {

        mytree.toggleBranch("mytree_1");

        mytree.selectBranch("mytree_1_0");

    }, 500);

</script>

Note that the 500ms delay is there to make sure that the tree had time to load before you try unfolding and highlighting it.

Let me know if you need more help on this.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Likno Customer Support

You may also want to read the API documentation in the help:

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: John

Thank you Kostas, I I'll give this a try then.

Thanks again,

John

Hello,

We have released a new version of Likno Drop Down Menu Trees version: Build #148

You can download the latest version at:

http://www.likno.com/drop-down-menu-trees/download.html

Hello everyone!

We are on a development roll! We have just released another update!

This time we have released a new version of Likno Drop Down Menu Trees - version 1.1 build 142!

You can see What's New at:

http://www.likno.com/drop-down-menu-trees/whats_new.html

You can download the new version at:

http://www.likno.com/drop-down-menu-trees/download.html

Enjoy this free update!

- Added an option in Open File, in order to load ".awt" files (Likno Drop-Down Menu Trees projects)

- Improved support of the BASE attribute in the html of a page. (IE only)

- Added 30 new IE* submenu effects for the "Group Appears - How" and "Group Disappears - How" properties (new effects are shown in brackets):

[Barn Horizontal In], [Barn Horizontal In], Barn Horizontal Out,
[Barn Vertical In], [Barn Vertical Out], [Blinds Down], [Blinds Left], Blinds Right,
[Blinds Up], [Checker Board Down], [Checker Board Left], Checker Board Right,
[Checker Board Up], Fade, Iris - Circle In, [Iris - Circle Out], Iris - Cross In,
[Iris - Cross Out], [Iris - Diamond In], [Iris - Diamond Out], Iris - Plus In,
[Iris - Plus Out], Iris - Square In, [Iris - Square Out], Iris - Star In,
[Iris - Star Out], Pixelate, Radial Wipe Clock, [Radial Wipe Radial],
[Radial Wipe Wedge], Random Bars Horizontal, [Random Bars Vertical],
Random Dissolve, Slide Hide, [Slide Swap], Spiral, [Stretch Hide], Stretch Spin,
[Strips Left Down], [Strips Left Up], [Strips Right Down], [Strips Right Up]

* The above effects are supported by IE only (the "unfolding" effect is used on other browsers instead).

- Sliding Menu Add-in: The "Remember the menu state" option is now using a "session" cookie. This makes the sliding menu return to its initial state when the user completes her session.

- Fixed an issue with items that had left or right image and did not show properly in some cases. (IE8 and Mozilla)

- Fixed an issue where the "Javascript Command" on Mouse Click did not work properly when the "Link" property also had a value. (IE only)

- Fixed an issue with the "Remember State" option on sliding menus when the menu filename contained spaces.

- Fixed an issue with menu filenames that include a space or "-" (javascript errors appeared in such a case). New versions of all Server-Side related add-ins also released that fix this issue.

- Fixed an issue with Right-to-Left pages: an unexpected scrollbar appeared.

- Fixed an issue in sliding menus: when "Remember State" was selected the "Ignore the Link value of parent items" did not work properly.

- Fixed an issue with sliding menus (IE only) where a javascript error appeared when a sliding menu folded (in some cases only).

The fonts in a tree created by Likno Drop Down Menu Trees can be changed by using the appropriate CSS definitions in the Nodes Style Editor.

The default style of the fonts of the application are shown in Image 1 (let's assume that we have selected the "books" theme), and the appearance of the menu is displayed in Image 2.

Image 1:

Image 2:

The style of the fonts of the application can change by modifying the appropriate CSS rules in the three text boxes ("Normal", "Mouse Over" and "Selected"), depending on which state we want to change the font style.

An example where the "font-family", "font-size", and "color" CSS definitions have been modified is shown in Image 3, and the appearance of the menu is displayed in Image 4.

Image 3:

Image 4:

By modifying the appropriate CSS definitions you can change the appearance of the menu, or even add your own definitions to enrich your Drop Down Menu Tree!