Major Additions - XenvB4 (Formerly ProjectvB4)

1. Works with "Forum only" vBulletin version. Suite version still is not supported.
2. RTL support is currently limited.
3. I can't guarantee that it will works with any 3nd party addon. No errors but the templates will not be responsive.

XenvB4 (formerly ProjectvB4) is not just a responsive style, but a full framework adding new features to vBulletin 4.2.5

• Responsive, mobile first design
• Redesigned important pages
  • Forumlist
  • Threadlist
  • Showthread
  • User Profile
• New Modern Features
  • Modal profile popup
  • Search Panle
  • User menu Panel
  • Navigation Panel
  • Advanced Footer
  • Forum Cover Photo
  • Forum Icon
  • Facebook style Profile Cover Photo
• Included Add-on Modules
  • Donations
  • Mailinglist
  • Memberlist
  • Cookies
  • GDPR Compliance
  • Legal Agreements

Installation



XenvB4 installation is pretty easy if you follow the instructions below, step by step.

1. If you've installed any version (Alpha or Beta) of ProjectvB4, uninstall it !!
2. Unizip the file and upload all the files and folders from upload/ folder, to the directory where you've installed vBulletin. ATTENTION !!! If you've renamed your admincp/ directory, or if you've the admin files in a different directory, then you need to upload everything from admincp/ to your real admin directory.
3. Go to your admincp and first import the new style from Styles & Templates-> Download/Upload Style-> Import Style
   1. Browse and select the style/xenvb4-style.xml from your computer
   2. Let "Create a New Style" as is
   3. Just in case, is better to set "Ignore Style Version" to YES
   4. Let other settings as is
   5. Click Import
4. XenvB4 comes with a set of plugins and templates, so you need to import the product file. Select Plugins & Products-> Manage Products
5. Click Add/Import Product and select product-xenvb4.xml from your computer. Is good to set "Allow Overwrite" to YES.

Configuration



If XenvB4 installation was successful is time to configure it. First of all you must complete the follow steps which are important for XenvB4 operation.

1. XenvB4 add the default forum icon and forum cover to your existing forums, but you need to update the cache to see them working. If you don't do this, all your existing forums will not show any icon or cover. Goto Admincp-> Maintenance-> General Update Tools and Rebuild Forum Information.
2. Now is time to set User Profile Avatar and Cover Photo. I never understood the reason why these dimensions are not Global but per Usergroup. So you must edit one by one all your Usergroups and modify Picture Uploading Permissions with the values:
   1. Can Upload Profile Pictures : YES
   2. Can Upload Animated Profile Picture : NO
   3. Profile Picture Maximum Width : 1200
   4. Profile Picture Maximum Height : 340
   5. Profile Picture Maximum File-Size : 1024000
   6. Can Upload Custom Avatars : YES
   7. Can Upload Animated Avatar : NO
   8. Custom Avatar Maximum Width : 150
   9. Custom Avatar Maximum Height : 150
   10. Custom Avatar Maximum File-Size : 200000
3. Back to Maintenance-> General Update Tools and Rebuild Custom Avatar Thumbnails
4. At xenvb4/images/ you can overwrite the default images. Even if it's ok to use images with different dimensions, I highly recommend to use the default dimensions:
   1. email_logo.png (119 X 46)
   2. footer_logo.png (250 X 60)
   3. noavatar.png (150 X 150)
   4. nocover.png (1200 X 340) for both forum cover and profile cover.

Core Modifications



Depending on your configuration, may there are some changes that you need to do in core files. Unfortunately vBulletin license does not allows distribution of core files, so you must modify them on your own.

1.- HTML Emails
If you want to replace Text emails with HTML emails, you must edit the file: includes/class_mail.php
Line 285
Replace:

$headers .= 'Content-Type: text/plain' . iif($encoding, "; charset="$encoding"") . $delimiter;

With:

 	
$headers .= 'Content-Type: text/html' . iif($encoding, "; charset="$encoding"") . $delimiter;

Line 294
Replace:

	
$this->message = $message;

With

 	
$this->message = str_replace("{message_bodytext}", nl2br($message), $vbulletin->options['xenvb4_mail_template']);

PS: If you already did these changes before when you installed ProjectvB4, the only change on this file is line 294

2.- Editor Emoticons
If you want to hide the emoticons from the right side of the editor to earn some space in mobile view (emoticon will still be available from the button menu), you must edit the file includes/functions_editor.php. Open it with a text editor (not Word and similar), and change line 551
From:

 	
$usesmiliebox = true;

To:

 	
$usesmiliebox = false;

3.- Poll icon in Forum/Thread lists
To replace the Poll icon with a FA icon, your need to edit the file includes/functions_forumlist.php line 592
From:

 	
return array('iconpath' => vB_Template_Runtime::fetchStyleVar('imgdir_misc') . "/poll_posticon.gif", 'title' => $vbphrase['poll']);

To:

 	
return array('iconpath' => '<i class="fa fa-bar-chart" aria-hidden="true" title="'.$vbphrase['poll'].'" style="float:left; margin-right:7px; color:green; font-size:18px;"></i>');

[iA1]

Originally Posted by cdoyle

Does anyone know why the 'rate this thread' dropdown option doesn't work within this mod?
I can't seem to find why all the other dropdowns work, but this one doesn't.

I checked the default style of VB and it works there.

In SHOWTHREAD template, look for the following lines:

			<vb:if condition="$show['threadrating']">
				<li class="popupmenu" id="threadrating">
					<h6><a class="popupctrl" href="javascript://">{vb:rawphrase rate_this_thread}</a></h6>
					<div class="popupbody popuphover">

and replace with:

			<vb:if condition="$show['threadrating']">
				<li class="popupmenu" id="threadrating">
					<h6><a class="popupctrl" href="javascript://">{vb:rawphrase rate_this_thread}</a></h6>
					<ul class="popupbody popuphover">

Note that the only change is in the last line here from div to ul.

The closing of this div should also be changed. Look for:

							<input type="hidden" name="t" value="{vb:raw threadid}" />
							<input type="hidden" name="pp" value="{vb:raw perpage}" />
							<input type="hidden" name="page" value="{vb:raw pagenumber}" />
						</form>
					</div>

and replace with:

							<input type="hidden" name="t" value="{vb:raw threadid}" />
							<input type="hidden" name="pp" value="{vb:raw perpage}" />
							<input type="hidden" name="page" value="{vb:raw pagenumber}" />
						</form>
					</ul>

If anyone has done any other updates to this mod / style, post them here so that we can add them to the next release.

[cdoyle]

Originally Posted by iA1

In the navbar template, replace the following lines:

<div class="col col-xs-3" style="padding:10px 0px 0px 30px !important;">
<span class="hidden-xs">
<a type="button" class="btn btn-labeled btn-info" href="panel_menu.php" data-toggle="panel-Left"><span class="btn-label"><i class="fa fa-sitemap" aria-hidden="true"></i></span>{vb:rawphrase xenvb4_navigator}</a>
</span>
<span class="hidden-sm hidden-md hidden-lg">
<a type="button" class="btn btn-info" href="panel_menu.php" data-toggle="panel-Left"><i class="fa fa-sitemap" aria-hidden="true"></i></a>
</span>
</div>
<div class="col col-xs-9 text-right" style="padding:10px 30px 0px 0px !important;">

with these lines:

<div class="col col-xs-10 hidden-sm hidden-xs" style="padding:10px 0px 30px 30px !important;">
    <ul id="navtabs" class="navtabs floatcontainer<vb:if condition="$show['member'] AND $notifications_total"> notify</vb:if>">
{vb:raw navigation}
    </ul>
</div>
<div class="col col-xs-10 hidden-md hidden-lg hidden-xl" style="padding:10px 0px 0px 30px !important;">
<span class="hidden-xs">
<a type="button" class="btn btn-labeled btn-info" href="panel_menu.php" data-toggle="panel-Left"><span class="btn-label"><i class="fa fa-sitemap" aria-hidden="true"></i></span>{vb:rawphrase xenvb4_navigator}</a>
</span>
<span class="hidden-sm hidden-md hidden-lg">
<a type="button" class="btn btn-info" href="panel_menu.php" data-toggle="panel-Left"><i class="fa fa-sitemap" aria-hidden="true"></i></a>
</span>
</div>
<div class="col col-xs-2 text-right" style="padding:10px 30px 0px 0px !important;">

and in navbar_tabs template, find

<ul class="floatcontainer">

and replace with

<ul class="floatcontainer" style="margin: 15px 30px;">

Yay! Thank You this is awesome! So happy to see a navbar back!
Couple questions, not sure if you know how to fix.

1. Is there a way to make the sub options appear as dropdowns in the desktop view?
2. I noticed when in mobile view (and it may have always done this and I just didn't notice it until now). But the search icon, logout option etc. ) squish together and become invisible in this area. Do you know how to make them fit better in the top blue area?




EDIT:
I just noticed that the dropdowns do appear when I hover over this white area. DId I do something wrong? Or is there something else going on?


Edit 2:
I'm also not able to actually select anything, as they disappear as soon as I try and hover an option.

[cdoyle]

Originally Posted by iA1

In SHOWTHREAD template, look for the following lines:

			<vb:if condition="$show['threadrating']">
				<li class="popupmenu" id="threadrating">
					<h6><a class="popupctrl" href="javascript://">{vb:rawphrase rate_this_thread}</a></h6>
					<div class="popupbody popuphover">

and replace with:

			<vb:if condition="$show['threadrating']">
				<li class="popupmenu" id="threadrating">
					<h6><a class="popupctrl" href="javascript://">{vb:rawphrase rate_this_thread}</a></h6>
					<ul class="popupbody popuphover">

Note that the only change is in the last line here from div to ul.

The closing of this div should also be changed. Look for:

							<input type="hidden" name="t" value="{vb:raw threadid}" />
							<input type="hidden" name="pp" value="{vb:raw perpage}" />
							<input type="hidden" name="page" value="{vb:raw pagenumber}" />
						</form>
					</div>

and replace with:

							<input type="hidden" name="t" value="{vb:raw threadid}" />
							<input type="hidden" name="pp" value="{vb:raw perpage}" />
							<input type="hidden" name="page" value="{vb:raw pagenumber}" />
						</form>
					</ul>

If anyone has done any other updates to this mod / style, post them here so that we can add them to the next release.

Thank You!!!
can't believe that's all it was!!

[cdoyle]

Originally Posted by cdoyle

Yay! Thank You this is awesome! So happy to see a navbar back!
Couple questions, not sure if you know how to fix.

1. Is there a way to make the sub options appear as dropdowns in the desktop view?
2. I noticed when in mobile view (and it may have always done this and I just didn't notice it until now). But the search icon, logout option etc. ) squish together and become invisible in this area. Do you know how to make them fit better in the top blue area?




EDIT:
I just noticed that the dropdowns do appear when I hover over this white area. DId I do something wrong? Or is there something else going on?


Edit 2:
I'm also not able to actually select anything, as they disappear as soon as I try and hover an option.

Grrr, VB.org keeps changing the URLs to my images overnight.
To see what I'm talking about, go here
http://www.caraudiocentral.net

I've tried starting over, but ended up with the same result. Any ideas why the dropdowns don't seem to be working correctly?

[Hostboard]

Originally Posted by cdoyle

Grrr, VB.org keeps changing the URLs to my images overnight.
To see what I'm talking about, go here
http://www.caraudiocentral.net

I've tried starting over, but ended up with the same result. Any ideas why the dropdowns don't seem to be working correctly?

What would vb.org have to do with any images on your site?

[cdoyle]

Originally Posted by Hostboard

What would vb.org have to do with any images on your site?

I meant the screenshots in the post I quoted, the URLs are being changed so the images don't display

[ChrisTERiS]

........Link removed................

[cdoyle]

Originally Posted by ChrisTERiS

For those who want to try something new.
https://www.xlforo.com/


Demo:
https://demo.xlforo.com/

Is this built on VB?
Or is this something else?

Edit: It looks to be a whole new forum suite.
Will you still be supporting XenVB?

[ChrisTERiS]

Originally Posted by cdoyle

Is this built on VB?
Or is this something else?

It's not a forum, or better, is not just a forum. Is a portal having all those sections. That said, is not vB, is not xF, is not IPS. Is just a fair portal, for those who want to start a ready community. Ideal a City Portal.

Originally Posted by cdoyle

Edit: It looks to be a whole new forum suite.
Will you still be supporting XenVB?

Sure. XLForo is something different. My passion for vBulletin is still active.

[cdoyle]

Will you still be releasing the newsletter and classifieds mods as part of XEN?