vBMenu Popup Menus 
vBulletin 3 styles provide a mechanism for creating popup menus, called vBMenu. This system allows complex or less-frequently used functionality to be hidden from immediate view, which results in a less cluttered and intimidating user interface for novice users.

You can add new vBMenu popups to your custom templates by following a few simple rules.

A vBMenu popup consist of two elements: The popup control, and the popup itself. Any popup can have any number of controls, and clicking any one of the controls will open the popup immediately below the control.

Each vBMenu popup must have a unique identifying name, which will be used by the vBMenu system to distinguish popups from each other and allows popup controls to communicate with their associated popup elements.

For our example, we will call our vBMenu MyMENU.

The HTML code for a vBMenu popup control looks like this:
<td id="MyMENU" class="vbmenu_control">
    <a href="#">My vBMenu Example</a>
    <script type="text/javascript">
        vbmenu_register("MyMENU");
    </script>
</td>
The constituents of a vBMenu control, as seen in the code above are:If you would like to prevent the small menu image from appearing next to the text in the control, you can achieve this by adding a second argument of true to the vbmenu_register Javascript function, like this:
<script type="text/javascript">
    vbmenu_register("MyMENU", true);
</script>
The HTML code for the vBMenu popup element itself looks like this:
<div class="vbmenu_popup" id="MyMENU_menu" style="display:none">
    <!-- Any HTML here will be a part of the
    vBMenu popup identified as 'MyMENU' -->
</div>
The constituents of the vBMenu popup element itself are very simple, and are based around the attributes applied to a <div> tag, which will surround any content we want to be a part of the popup. This <div> tag must obey the following rules:Any HTML content can be placed between the opening and closing tags of this <div> element, and will act as the body of our popup.
Copyright © 2024 MH Sub I, LLC dba vBulletin. All rights reserved. vBulletin® is a registered trademark of MH Sub I, LLC dba vBulletin.