Add-On Releases - Dropdown Tab 's in navbar FINAL (0 edits required) IE7 friendly

Etab menu system
beta-released for vb4 5-jan-2010 - Final release 28-martch-2010 - Last update 24-april-2010
Current Version 1.2

UPDATE : This is a complete new rebuild, lost alot of functions from beta
and links are not compateble with old beta. Future upgrade will be
compatable with this version.

Main thing is, this is now old browser friendly. including linux browser friendly.

About :
Meant for all "non-coders" who want a new tab the easy way..
Easy adding a new tab, and easy adding new links to that single tab.

The attached zip with sorting instructions is a html how to guide on how
to move the tabs around and also placing them between existing vb tabs.

Demo : Here
the dropdown tabs there is by this mod.

Features :

• No copyright notices on page's
• Nameing each tab
• Link color control from admincp.
• Easy acces from AdminCP
• Unlimited ammount of tabs and links.
• [s]Usergroup controls (who can see the tabs)[/s] - will come back eventually.
• Target controls, what window to open in (good if iframes/named windows)
• Sort order, known like the weight system. with click arrows to control weight.

Download :
New full release : evi menu 2010.zip

History :

28-mar-2010 full release 1.1
-completely rebuild, unlimited ammount of tabs, easyer control, admincp functionallity.
24-april-2010 Version 1.2 update
- Added weight system, to control sort order of links and tabs when displayed for user.




Changelog + todo list full version :
- Weight system / Sort order. * In current version

Installation instructions :

- Upload files from zip
- Import product

Upgrade instructions :

Upgradeing from 1.1 to 1.2
1 - Upload the nytabs.php to admincp
2 - reimport the product, allow overwrite


Plans for upgrades + buglist/reports :
- Usergroup control for each tab./- Usergroup view acces on each tab.
- Image support for links. Not sure this will be implemented, will look into it though.

Feedback and suggestions are wery welcome,
remember to mark installed..


Eqvaliser/Vaupell

[abdulbasitsaeed]

Originally Posted by sticky

This is my main issue, why isn't the mouse over for drop down tabs the same? Makes the Navbar look off.

Is there any way to fix this?

This issue is my concern as well. Is there any way to fix it?

[Prisoner]

Originally Posted by Russ_T

Does anyone have any good working examples please?

I just installed this on my VB4 that I am testing before I go "Live". I'm impressed!

http://www.centextalk.com/

My only minor complaint is that the dropdown doesn't close after the new browser opens. Clicking the page closes it.

Great mod! I really need something like this.

[fluidswork]

Thanks this will come handy to me ..............

[sross]

anyone using this on 4.1.1 or are there other alternatives? I am looking for a menu on mouseover that goes away, where this is click for menu and the menu stays until you click somewhere off the menu.

[J-P]

Ok.. I have this installed and I do like it.

I do have a request which may or may not be beyond the scope of the support but if anyone knows how .. pls let me know.

I have the drop down / new tab for my flash chat program, and I would like it to show how many ppl are in chat at that moment.

Below is a screen shot from another board, running VB and java chat (they used to use flash chat). I was wondering how to accomplish this.

Thanks in advance,
J-P

[Artes_Marciales]

Amazing!!

[RockstarNetwork]

We have been using this mod, and loving it, except for the hover color issue. After a few hours of digging around the code, we have come up with a solution!

Live Preview: Click Here
You will see that our last two tabs are the drop down tabs from this mod! And the hover color is working perfectly!

Step 1: Search for "emu_tabs" in your templates
Once you find this section, you will notice this code that will appear:

<li class="popupmenu">
<a href="javascript://" class="popupctrl navtab" style="background:transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center; padding-right: 15px">{vb:raw tabname}</a>
<ul class="popupbody popuphover">
{vb:raw hejsa}
</ul></li>

To fix the hover color issue, you will need to change "transparent" to whatever color your other tabs are. In our case, "white" was the proper color. So the new code should be:

<li class="popupmenu">
<a href="javascript://" class="popupctrl navtab" style="background:hover-color white url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center; padding-right: 15px">{vb:raw tabname}</a>
<ul class="popupbody popuphover">
{vb:raw hejsa}
</ul></li>

This may not be the case for everyone, but you may notice that these two tabs have no "bottom border" and stand out like a sore thumb. Step 2 we have posted a fix for this.

Step 2: To fix the bottom border issue with your tabs, go to "Styles & Templates / Style Manager / Style Vars / navbar_tab_bevel

Once you have searched for "navbar_tab_bevel, you now need to set the width to "0", and this will fix your bottom border on your tabs.

Again, this last step may not be something everyone needs to do, but in our case, we needed to.

We hope this helps everyone with the whole hover color issue!

[RockstarNetwork]

We're also getting the mysql error using this mod... anyone figure any way of fixing it yet?

Warning: mysql_num_rows() expects parameter 1 to be resource, object given in [path]/includes/class_bootstrap.php(535) : eval()'d code on line 153

[rob01]

why this mod generates so many queries?

[glen290]

Been looking for something like this for ages, cheers..