Board Logo

Tigra Gold - variable menu item sizing
deco10 - 9/7/2008 at 03:33 PM

Hello there. Thanks for checking my post.

The menu I have set up is very intense. Sometimes there is over 20 items in a sub menu.

I like to keep each item in as small a box as possible. However doing this causes some problems where the entire item isn't considered to be mouseover. So if the mouse is near the bottom of the particular item the menu will disappear.

Let me give you an example.

I have the menu items set so they fit approximately two lines of text. So if the item text is "Pricing" it easily fits on one line, no problems. However if the text was more like "All of the pricing for all of the items we currently have in stock and are very popular sellers" that would take more than two lines, and any area below the first two lines wouldn't keep the menu open when the mouse was over it. Obviously my example text is far fetched, but this is an issue I am having.

Any suggestions?


tigra - 9/22/2008 at 08:49 PM

Apply 'sh' (self height) item scope settings to the individual item to override the default height specified in the template file.

['unusual length', 'some.html', {'sh':24}]

jenpen2 - 6/9/2009 at 07:13 AM

Thanks for this, it partly answered my question. If my items.js has the following:

['News & Media', 'media/media.html', {'sw':120}],

how would I add the {'sh':24}? Not sure of the syntax here.

jenpen2 - 6/9/2009 at 07:40 AM

Oh - and how did you choose the value '24'?

tigra - 6/10/2009 at 02:43 AM

The size you specify should equal or bigger than the height of the actual item's content. If you specify smaller value the lower part of the item will become not responsive to mouse events.

Back to forum: