Go Back   vBulletin.org Forum / vBulletin Modifications / vBulletin 5.x Modifications / vBulletin 5.x Template Modifications
Reload this Page

Forum Home Enhancements - [vBMods.rocks] Forum Category Spacing - no template editing needed/vBCloud compatible

Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
[vBMods.rocks] Forum Category Spacing - no template editing needed/vBCloud compatible Details »
[vBMods.rocks] Forum Category Spacing - no template editing needed/vBCloud compatible
Mod Information
The Developer
Last Online: May 2023
 
Mod Version: 1.00, by noypiscripter (Coder/Designer) noypiscripter is offline
Developer Last Online: May 2023 I like it Show Printable Version Email this Page
vB Version: 5.2.5 Rating: (0 vote - 0 average) Installs: 4
Released: 21 Dec 2016 Last Update: Never Downloads: 0
Supported  

Want to separate or group forum categories in its own "table" without editing display_Forums_list template? The entire category and forum directory are displayed using a single <table> tag. This makes it impossible to separate the forums by category in its own table that has border without editing display_Forums_list template and adding multiple <table> tags as others had done. But not until now.

I thought that mod was great (and it is!) but it requires editing an existing template and most of you know that editing existing vBulletin templates is not recommended and ideal. So I got challenged to create my own version that doesn't require editing using pure CSS. But technically not really using pure CSS as I had no choice but to add a little bit of JavaScript in order to programmatically identify which is the last forum channel in a category. Knowing the last forum in a category enables the CSS to know where to break the table into multiple "tables". The end result is not using multiple actual <table> tags but with a little bit of creativity and imagination, I was able to replicate an illusion or impression of using multiple tables.

Without much further ado, here's how to accomplish this.

1. Add in css_additional template or via Sitebuilder (Edit Site ON) > Style > CSS Editor.


Block Disabled:      (Update License Status)   
Suspended or Unlicensed Members Cannot View Code.

NOTE: The border colors and spacing used above were based off the default vB5 style. You may need to tweak some values if you have a customized style/theme.


2. Add a script to dynamically determine the last forum in a category. Ideally, we should use a template hook to insert the script but unfortunately, there is no hook location that is close to the forum directory list. We need to run the script as soon as the forum directory is rendered to avoid flickering or flashing. I chose to add the script in the Mark Channels Read phrase which is right below the forum directory.
  • Go to AdminCP > Languages & Phrases > Search in Phrases.
  • Search for Mark Channels Read phrase
    • Search for text: mark_channels_read
    • Search in: Phrase Variable Name Only
  • In the English (US) Translation box, enter the following:


    Block Disabled:      (Update License Status)   
    Suspended or Unlicensed Members Cannot View Code.

    NOTE: You can change Mark Channels Read with whatever phrase you want.
  • Save.

Compatibility:
  • Tested in vB 5.2.5 but this should work in older versions too.
  • Compatible with vBCloud.

Demo:
See homepage of my mod site at http://vbmods.rocks/

This mod is also posted at http://vbmods.rocks/forum/vbulletin-...oud-compatible

Enjoy!

Download Now

Only licensed members can download files, Click Here for more information.

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Show Thread Enhancements [vBMods.rocks] Add Custom Profile Fields in Postbit noypiscripter vBulletin 5.x Products & Extensions 14 02 Feb 2022 04:31
New Posting Features [vBMods.rocks] Quote Selected Text noypiscripter vBulletin 5.x Products & Extensions 8 02 Feb 2022 04:29
Show Thread Enhancements [vBMods.rocks] Display Status Update in Postbit noypiscripter vBulletin 5.x Products & Extensions 1 29 Jan 2019 15:31
Forum Display Enhancements [vBMods.rocks] Display Forum Description on Forum Channel page using an Ad Module noypiscripter vBulletin 5.x Products & Extensions 15 24 Nov 2016 15:24
Miscellaneous Hacks [vBMods.rocks] Quick fix for guests having no access to the reset-password page noypiscripter vBulletin 5.x Products & Extensions 0 06 Aug 2016 01:17

Comments
  #2  
Old 21 Dec 2016, 19:50
In Omnibus's Avatar
In Omnibus In Omnibus is offline
Designer
  
Join Date: Apr 2010
Real name: Kris
I like it. It looks really clean from the image on your site.

How difficult would it be to make each "table" collapsible?
Reply With Quote
  #3  
Old 21 Dec 2016, 22:43
noypiscripter's Avatar
noypiscripter noypiscripter is offline
Coder/Designer
  
Join Date: Aug 2013
I will look into it.
__________________
Glenn Vergara, an ex-vB Developer, now a vB Mod Developer

GIPHY for vB5 | AutoLinker | Video Attachments Player | New Registered Users Module | Clear System Cache Cron | DragNDrop Upload | Topic AJAX AutoUpdate | Force Read Topic
Reply With Quote
  #4  
Old 21 Dec 2016, 23:24
noypiscripter's Avatar
noypiscripter noypiscripter is offline
Coder/Designer
  
Join Date: Aug 2013
Found a bug in the script. Updated the script in Step 2 in the first post. If you've already installed this mod, you have to update it.
__________________
Glenn Vergara, an ex-vB Developer, now a vB Mod Developer

GIPHY for vB5 | AutoLinker | Video Attachments Player | New Registered Users Module | Clear System Cache Cron | DragNDrop Upload | Topic AJAX AutoUpdate | Force Read Topic
Reply With Quote
  #5  
Old 15 Oct 2018, 11:59
Hectorsky's Avatar
Hectorsky Hectorsky is offline
Member
  
Join Date: Mar 2015
Got and issue with thise code, grid lines does not finish at the end of category, any advice?>
Reply With Quote
  #6  
Old 13 Dec 2021, 04:12
Ghost Shadow's Avatar
Ghost Shadow Ghost Shadow is offline
Member
  
Join Date: Aug 2005
Does not work on 4.2.5
Reply With Quote
Reply

« Previous Mod | Next Mod »

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 14:36.

Layout Options | Width: Wide Color:
- vBulletin Main Site
Powered by vBulletin® Version 3.8.14
Copyright © 2023, MH Sub I, LLC dba vBulletin. All Rights Reserved. vBulletin® is a registered trademark of MH Sub I, LLC
Design by Princeton
Copyright ©2001 - , vbulletin.org. All rights reserved.
vBulletin® is a registered trademark.