Forum Display Enhancements - Mobile Phone / iPhone / PDA Detection and Style Assignment

This add-on will detect most mobile phones, iPhones, PDAs and other mobile browsing devices and automatically for the user to a specific vBulletin style.

What can it do?
Detects most mobile phones and force the user to a specific style (users will not be able to select other styles from a mobile device with this add-on installed). If you have multiple styles installed which are optimized for small screen mobile devices, iPhones, WIndows Mobile devices you can assign a specific style to each of these groups.

Whilst designed with mobile device users in mind, you could also assign styles to self defined browsers. For example you can assign an alternative style to Internet Explorer users whilst Firefox users get the default style. You could also assign an alternative style to Google or Yahoo spiders.

Instructions:
0. Install styles which you wish to assign to Mobile/PDA/iPhone users - some links will appear at the bottom of this post
1. Download the product file
2. Install via Product Manager
3. Configure options via vBulletin Options, Mobile Device Detection (should appear at end)
4. Start browsing from your mobile device!
5. Click "Mark as Installed"

If upgrading from a previous 3.5 or 3.6 version, you will need to uninstall that and the install this one.

To uninstall simply uninstall the product - there are no database changes or additional files.

Styles released on vBulletin which you can use:
Dartho's Mobile, Cell, Phone, PDA, iPhone Style for vBulletin 3.7 (<-- yep, that's mine)
ElForro's iPhone / iPod Touch Optimized Style
Zachery's vB Lite Style
vBMechanics Mobile Alabama Style

Due to the stripped down nature of these mobile styles, you will find that most for 3.5 and 3.6 will work quite happily on 3.5, 3.6 & 3.7 although additional features introduced in vBulletin in recent years such as Social Groups, Blogs and Photo Galleries will not show well on a small screen. All should display your actual forums well.

3.6 Version can be found here

Marked as Beta until I get some feedback, and 3.7 goes Gold

Release Information
1.0.0 Initial release for 3.7 ported over from 3.6.8 version

[b-roll]

I love this mod. Thank you Dartho!

I works perfectly on iphone and touch, but I'm having problems with other devices. A number of my readers are using blackberrys. I've added the models independently in the custom list like this:

BlackBerry8330, BlackBerry8703, BlackBerry8703e, BlackBerry8830, BlackBerry, LG-VX8700

Since I'm not sure how to see the user agents for these devices, I'm only guessing what to put in the system.

It was working for one Blackberry user, but now that I've added a new blackberry model, it's not working for them.

I'm confused as to what is automatically detected - and what should be "custom" detected.

Also, how can you verify the useragent? Someone mentioned a spot in the vbulletin CP, but I can't find it.

Thanks for all of you help!

kev

[dartho]

All blackberry devices should be detected by default. Make sure you have enabled "Mobile Device Detection" in addition to "Enable iPhone / iPod Device Detection?" These can point to the same style.

You can view a users useragent string by checking "Who's Online" and then setting the view useragent string option to Yes.

[firefox100]

There is any way to avoid that users can "choose" this Style?

I have the problem that my users choose from the menu "Select Style" and it's impossible to return to normal style.

Great work dartho.

[dartho]

I don't allow users to change styles (this can be set in vBulletin Options) but if you do allow users to change styles this might work for removing a particular style form the quick chooser:

Edit your 'options' template which should look like this:

<option value="$optionvalue" class="$optionclass" $optionselected>$optiontitle</option>

and change it to the following:

<if condition="($optionvalue!=x) && ($optiontitle!='yyyyyy')">
<option value="$optionvalue" class="$optionclass" $optionselected>$optiontitle</option>
</if>

where x is the styleid of your mobile style and yyyyyy is the name of your mobile style. The name is case sensative!

This should stop it being added to the drop down list.

[MissKalunji]

Thanks Dartho Perfectly!

[jbeam]

I am not sure if it's the detection or the style causing the problem, but I do not get the style that is set for wireless devices until the user logs in.

Meaning, if I go to the main forum page on my WM5 phone, I get the default style. Once I login, I get the style spcified for wireless devices.

Anyone else have this problem?

I am running this detection add-on and the Mobile, Cell, Phone, PDA and iPhone style (https://vborg.vbsupport.ru/showthread.php?t=174375) with the Extend and customize add-on (https://vborg.vbsupport.ru/showthread.php?t=182692).

[dartho]

G'day jbeam,

I am guessing that your issue is that the style is not checked as user selectable in Style manager.

As you are an admin, you can view non-selectable styles - this explains why the style doesn't show up till you log in with admin credentials.

[Venturing]

Installed and seems to be working well for me. Many thanks!

[firefox100]

Originally Posted by dartho

I don't allow users to change styles (this can be set in vBulletin Options) but if you do allow users to change styles this might work for removing a particular style form the quick chooser:

Edit your 'options' template which should look like this:

<option value="$optionvalue" class="$optionclass" $optionselected>$optiontitle</option>

and change it to the following:

<if condition="($optionvalue!=x) && ($optiontitle!='yyyyyy')">
<option value="$optionvalue" class="$optionclass" $optionselected>$optiontitle</option>
</if>

where x is the styleid of your mobile style and yyyyyy is the name of your mobile style. The name is case sensative!

This should stop it being added to the drop down list.

Thanks dharto, work perfectly!

Great Mod. :up:

[reefland]

Can I ask where <img src... is replaced by <a href...? I am trying to brand my mobile skin with a very light version of my logo but whenever, and where ever, I add <img src it is replaced with <a href