Alternate Section Navigation Widget Template

Alternate Section Navigation Widget Template

Mod Version: 1.00, by ZippySLC

vB Version: 4.0.1	Rating: (1 vote - 4.00 average)	Installs: 12
Released: 23 Jan 2010	Last Update: Never	Downloads: 0
Not Supported Template Edits Re-usable Code

This template will make your section navigation widget look like the other widgets on your CMS page. It always bothered me that the navigation widget looked so radically different than the other widgets.

What I did was created a custom template, and assigned that to the section widget. You should create one with the following code:

Code:

<script type="text/javascript">
<!--
	var IMGDIR_MISC = "{vb:stylevar imgdir_misc}";
	var vb_disable_ajax = parseInt("0", 10);
        /* Start Sections Widget Configuration */
        vbGlobal_SHOW_ALL_TREE_ELEMENTS_THRESHOLD = parseInt("{vb:raw show_all_tree_elements_threshold}");
        /* End Seections Widget Configuration */
// -->
</script>
<script type="text/javascript" src="{vb:stylevar yuipath}/treeview/treeview-min.js"></script>
<!-- start treeview css -->
<script type="text/javascript">
	if (window.loadVbCss) {
		loadVbCss("{vb:stylevar yuipath}/treeview/assets/skins/sam/treeview.css",true);
	}
</script>
<!-- end treeview css -->
<!-- custom treeview styles defined at template: headinclude -->
<!-- END VB Tree-Menu Implementation of YUI TreeView -->
<div class="cms_widget">
	<div class="block">
          <div class="cms_widget_header">
          <h3>Articles</h3><!-- You can change this to whatever you'd like to call the menu -->
	  </div>
	<div class="cms_widget_content">
		<div class="vb-tree-menu">
			{vb:raw nodelist}
		 </div>
	</div>
  </div>
</div>
<script type="text/javascript">
<!--
	// Main vBulletin Javascript Initialization
	//vBulletin_init();
//-->
	initVbTreeMenus({vb:raw menu_static});
</script>

Additionally, you'll want to edit the stylevars that control how the menu are displayed. They're vbcms_navwidget_menuitem_*. I also got rid of the images that display the plus and minus icons for the sub-sections on my site.

You can see this in action at http://www.njpinebarrens.com

Download

No files for download.

vBulletin LTS