affordable web development services
| About Us | Services | Download | Order | Support | Subscribe to News Feed Follow us on Twitter Join us on Facebook |

Tigra Menu PRO v3.0 - Frequently Asked Questions

Table of Contents

About Tigra Menu PRO

What is Tigra Menu Pro?

Tigra Menu PRO is a flexible JavaScript DHTML menu solution for commercial applications offering high reliability and wide browsers support. Tigra Menu PRO is neither Microsoft Windows application nor Rapid Application Development System.

Is Tigra Menu PRO one of the menu building program?

No. Tigra Menu PRO is not visual menu building tool. It is menu script itself.

How can I get Tigra Menu PRO?

On official site of Tigra Menu PRO script go to the section "Registration and Download". Full latest version of the product within simple demo site will be sent to your e-mail just after secure online ordering process.

Do you have a demo of the Tigra Menu PRO which I can try before I buy?

Sure, there is whole gallery of demos at official site of the script. Note that demos working with the instance of the script offered. With Tigra Menu PRO you have all features demonstrated in any combinations possible.

Where can I find a documentation?

Documentation for the latest version of Tigra Menu PRO is available at

If we are using the same menu on multiple pages, what is the best way to get the menu to load once and not every time we open a new page with the same menu or hit the back button on our browser?

Menu script is downloaded to the browser's cache after first access, so it doesn't consume time on every page download, but it requires to initialize each time anyway.

How to register Tigra Menu PRO

Can you tell me what would be the license fee for use of the Tigra Menu PRO in web-based software product?

If the product is internet/intranet web application the licensing is $29 for use within single domain boundaries. All consequent licenses purchased by the same company are $14.5. If product is kind of mass offline application (i.e. presentation on CD) we need to discuss the licensing for particular case.

What is a single application?

Pages of single application resides under same domain and share single copy of menu file (menu.js) referred with relative path. So if You could setup all of your sites to share one copy of menu.js not to having domain names here:

<script language="JavaScript" src="menu.js"></script>

they are all single application and require only one license. Otherwise You should purchase licenses for all applications. Each license gives you right for free support and free updates of product (including major versions). Please, read our Terms and Conditions section for detailed explanations.

I have the registration key, but I have no idea where to use it.

Just store it. It is like electronic certificate - the proof of your order.

Setting menu geometry

I want to use menu for 3 rd level of nesting however, as soon as I try to do that, it gives a java script error and stops responding?

The problems with levels 3 and deep are probably caused by not defined geometry neither for level nor item. Each level of menu is configured independently in menu geometry structure (usually MENU_POS variable in menu_tpl.js file). Parameters assigned array value. Each element of array corresponds menu level with the same index. More levels expected - more elements required for each parameter.

Which js-file position the menu onto the html page and how to position the menu?

To set menu position you need to modify menu_tpl.js file. In Tigra Menu PRO documentation there is remark for parameters:

// E. Horizontal Offset between adjacent levels* in pixels
MENU_POS['block_left'] = [5, 0, 120, 140, 160];
// F. Vertical Offset between adjacent levels* in pixels
MENU_POS['block_top'] = [50, 26, 10, 10, 10];

* - This parameter for root level (the one with index 0) is menu offset from the document's left upper corner, so use it for menu positioning on the page.

So, in case above menu position on the page is x=5px, y=50px.

How to set up the scripts to create a set of vertical menu?

To set Tigra Menu to be vertical you need to specify zero horizontal block offsets (block_left parameter) and vertical offset equal to item height (block_top parameter). The difference between vertical and horizontal menu look is only in those offsets.

We have a menu where the captions of some items are longer and they have to wrap, the 2nd line of text is almost completely hidden. we cannot make the menu item wider. If the long text is the last item in the block then all lines are shown perfectly.

This is caused by items overlapping. Next item in the same block is positioned too close (as for single line items) and wrapped line is overlapped by next item. Last items can't be overlapped since there are no items after them so they look ok in any case. Modify height of the wrapping item and vertical offset of the next item to allow some space for wrapped lines

How to align menu on the center of the page?

Alignment feature is available from v2.0 of Tigra Menu PRO. You need to specify align parameter in menu geometry configuration file.

// Menu alignment - (left, center, right)
MENU_POS['align'] = 'center';

Building menu tree

What instructs the menu that an adjacent sub menu exist or not?

Menu item definition is just an array. If this array has 1 to 3 elements then item has no sub-items, every next element should be sub-item defined the same way as parent item - in array like style.

When I do some modification in the menu tree not all of the items displaying correctly. Please explain my error.

There is an error in your MENU_ITEMS structure that usually resides in file menu_items.js. Demo menu configuration in the package you receive after ordering process initially has no errors in this structure. Make little modifications and verify results each time to detect easily when error appears.
Most frequently made errors in MENU_ITEMS structure are:

Does Tigra Menu PRO support frames?

Tigra Menu PRO supports frames targeting since ver.1.1.

Is it possible for menu item to open document in new window?

To open document in new window specify word '_blank' as name of the target frame for the item. Target frame is specified in menu tree structure: Replace second field of menu item definition (link section) with three element array to allow additional link related parameters. Those elements are:

0 - link itself. This text will be inserted into href attribute of item's anchor tag.
1 - target name. This text will be inserted into target attribute of item's anchor tag.
2 - tooltip. This text will be displayed in small box appearing over the item after mouse pointer moved to it. Use it to additionally describe the item.

How to switch documents in several frames with the single menu item?

You can control document in one frame and update all dependent frames with the javascript function called as onload handler for that document. You can also call javascript function just when item is clicked.

How to set up menu so adjacent items in the same block have different look?

You can use inner html for that. Specify item color directly in item's caption using html tags. Writing wrapper for this case will simplify maintenance.

I use wrappers and my items have two border lines. This is screwing the rest of the menu up. What's up and how I could change it?

Make sure you don't apply conflicting settings with both inner html and styles. For example: if you have inner html formatting (direct or with wrapper) having border, make sure you haven't defined border with CSS styles.

Is there a way to gracefully handle a menu where some of the cells may be 2 lines and some of them only 1? I don't want a huge gap in between the cells and I don't want the 1 line cells to be too large.

  1. put text in the item's caption with line break ('this is first line
    this is the second line')
  2. specify double height for that item in item geometry
  3. specify double vertical offset for next item in the same block not to be overlapped with double-sized previous item

Menu design

How can I change the characteristics of the font?

You have two ways to do that:

  1. style settings for menu levels
  2. inner html

I uploaded menu files to the web server and now when site is online, there is an X over each menu bar and none of the gifs are showing up.

You should check if pixel.gif image is available online at the same path that is specified in menu geometry structure (usually menu_tpl.js file) parameter 'pixel_path'. Basically you should upload ALL menu related files to server exactly as they were on your local computer.

If I set the menu in the top frame, they drop down only until the frame ends. Is there any way that you know of to allow the menu to appear above the frames?

I'm pretty sure this is impossible. Unfortunately you will not find any menu solution that will function this way. The only thing that is possible (but not yet implemented in Tigra Menu) is tuning some fixed number of menu levels to fit in one frame and making other levels to show in other frame (no item can overlap frame border)

Is there any support for dynamic styles in the PRO version?

There is no need to support dynamic styles in PRO version since there is more flexible way to achieve the same results: you can define styles for any state separately. You can even have different captions and item formatting for different states.

Is it possible to highlight current section of the site in the menu?

Just link different menu_items.js files to different pages. Each local menu tree should have current item highlighted. It is also possible to write the wrapper comparing current URL with the link and highlighting items accordingly. Another way is to generate menu tree dynamically with the server side script (menu_items.asp or menu_items.cgi) that receives section name or id and modifies coloring parameters for items accordingly.

How do I ensure that menus display on top of the HTML form elements?

Unfortunately, this is common problem with windowed controls (html listboxes, flash movies) and absolutely positioned html elements (all types of cross browser javascript menu systems). There is no known solution for this issue. The only suggestion is to avoid overlapping in your site design.

How do you get the caption to be centered in a menu item?

Any html allowed within menu items so you are free to use something like

 <div style="width: 100%; text-align: center;">your caption</div>

If same alignment is required for many items you may write simple wrapper.

Is it possible to nest menu inside a table?

As most of JavaScript Menu systems Tigra Menu PRO is positioned absolutely in some of the higher layers over the html document, so it is not placed inside some relatively positioned element. With Tigra Menu PRO you can achieve the same result setting menu position right over the element of your choice even if it is right or center aligned. Please, don't put menu initialization block within relatively positioned elements as it prevents menu from working with some browsers correctly.

Adding menus to page

I'm placing the second menu onto the page which is very similar to the first menu. Whenever I make changes to second menu they appear in the first menu even thought the file are mark accordingly. What ever I'm doing wrong?

I guess your mistake is that you've copied both structure declaration and structure definition and then modified only structure definition:
i.e. if you copy:
menu_items.js to menu_items1.js and menu_tpl.js to menu_tpl1.js
Make sure you have changed ALL references to MENU_ITEMS in files to MENU_ITEMS1 and MENU_POS to MENU_POS1 accordingly. Again, you should change all corresponding instances in those files.
BTW: Don't forget about CSS class naming convention for menu instances when defining classes for second menu.

I've changed background in CSS for the second menu but it has no effect.

Check class names for second menu in its CSS page. ALL class names should start with .m1 for second menu

My problem is doing multiple menus on the same page. Could you please give me instructions on how to do this? I figure its just a matter of making a second script file with the new parameters but am not sure.

You don't need another menu.js file, but you should create all other configuration files that should be different for other menus. I think that the easiest way for you to learn how to add more menus to page is to see demo (included in the distribution package).

About browsers compatibility

Menu does not display for Netscape 4.75 and I haven't gotten any javascript errors.

Put menu initialization block (the one with new statement) just before closing body tag.

I have a prototype that looks pretty much the way the client wants in IE. However, while menu works in NS (4.77 & 6.1), it does not look the same.

Tigra Menu PRO coded to achieve same results in all browsers in its compatibility list, however when you use style settings we can't guarantee the same look because different browsers have different level of CSS support and sometimes even render the same css rules in different ways. We recommend using wrappers to achieve best browsers compatibility.

Links and References