Add-On Releases - Mobile Device Style Assignment

This is my first released hack, be nice.

This hack will detect when a mobile device connects to your site and allow you to override the default style/skin with one you specify.

Just install the product-file and set which style is your mobile device style via the AdminCP. Has been tested with several 3.6.x versions up to 3.6.8

I am also releasing a skin I wrote (it is based on vbmechanics Alabama skin, so updated or modified would be a more accurate description) for my own needs - it could probably be tidied up a lot more, but it works for me - take it as it is, I may offer limited support for this skin if I get time (no promises), and feel free to offer suggestions. Mobi - My super light skin is probably the one to go for, it has much greater functionailty.

=Install Instructions=
Go to Plugin System, Manage Products in your AdminCP and click Add/Import Product link at the end of the page
Browse for the product-mobile_enabled36-x.x.x.xml product file and click 'import'
Refresh your admincp page and in VBulletin Options, select the settings for 'Mobile Device Detection'
Change the styleid of your mobile skin in "Mobile Device Style" to the StyleID number of your mobile device skin
Change the styleid of your PDA skin in "PDA Device Style" to the StyleID number of your PDA device skin
Your mobile/pda skin must be user selectable (although you can disbale the ability for users to change styles in vBulletin Options)
Thats it!

=Upgrade Instructions=
Go to Plugin System, Manage Products in your AdminCP and click Add/Import Product link at the end of the page
Browse for the product-mobile_enabled36-x.x.x.xml product file
Choose to overwrite
Click 'import'
Re-configure Styleid of mobile/pda skin if required

VERSION 1.0.7a
Based on initial release - supports assigning one alternative style to ALL detected mobile devices

VERSION 2.1.2
Now allows the addition of exceptions and also specifying a skin for Pocket PCs (Windows CE devices) and a skin for all otehr detected mobile devices.
I've also released a very light skin HERE which is great for cell/Mobile phones

LAST UPDATE 22-October 2007
VERSION 2.1.3 - removed, small bug
VERSION 2.1.3a

• Added ability to assign different styles to IPods/iPhones (In addiotn to Windows CE devices and other detected mobile devices
• Added ability to assign specific style to a user defined device (based on user agent string).
  
  You will need to know the useragent string, or a unique fragment of the user agent string to do this. One exmple of how this can be used would be to assign a specific style to say Firefox users, perhaps a different style for Blackberry users, or you could assign a specific style to search engines (beware when doing this - google apprently doesn't like people displying different content to search engines)
  

To upgrade, simply overwrite product - your existing settings should be preserved.

I've left the previous version available for download - to get the new version, download and install the attached XML

**BACKUP YOUR DB BEFORE INSTALLING**

Other Mobile / Lite Skins:

Mobile - My super light skin
iPhone / iPod Touch Optimised Style
Alabama
VBLite
WAP Plugin - this is a similar product and skin which I didn't find till after I'd made this one - it seems to be more directed at WAP devices as opposed to all Mobile Devices, and appears to no longer be supported, but worth having a look at.


Remember to click install and give a rating :up:

keywords: Mobile, PDA, Autodetect, Autoselect, WAP, Skin, portal, cell, phone, iphone

3.7 Version Here

[punch]

I installed this tonight on my board and it worked great! Used the Mobile Alabama style.

Thanks so much, surfing my board on my motorola Q + evdo is awesome. Marked installed!

[paramorefans]

hey thanks for the hack!

Iam having some issues though, I dont own any blackberrys or PDAs
but some of my users do, all i have is a Sony Ericsson 300i, which has an internet browser, but it always displays me my default skin, it must be the phone right?
http://www.mobilealmanac.com/p_391-S...son-W300i.html

The W300i allows for HTTP internet browsing via Cingular's MEdia Net. The browser supports HTML 4.01, xHTML 1.0, CSS and Java script (ECMA script), and WAP 2.

would any of you be so kind and try to access my website with a PDS?
www.paramorefans.com/boards

[dartho]

The W300i allows for HTTP internet browsing via Cingular's MEdia Net. The browser supports HTML 4.01, xHTML 1.0, CSS and Java script (ECMA script), and WAP 2.

Sounds like it is going via a proxy/gateway which could intefere with browser detection??

I visited your site with my PDA and got your normal site also, so you may have more than one issue - have you installed a mobile friendly skin and configured the plugin? I'd recomend this one http://www.vbulletin.com/forum/showp...&postcount=202 - just choose to ignore the version when importing it.

[paramorefans]

<a href="http://paramorefans.com/boards/index.php?styleid=30" target="_blank">http://paramorefans.com/boards/index.php?styleid=30</a>

yeah the skin is already uplaoded and i configured the plug in.

[dartho]

still not working for me from my PDA - I get your standard skin with that URL (page source says styleid 29) ...

My host crashed yesterday, so my site is offline - should be back in 12 hours when it is, I'll do some more testing, but I'm a little stumped at the moment....

[paramorefans]

Well in the source it shows id= 30

http://www.paramorefans.com/boards/?styleid=30

style type="text/css" id="vbulletin_css">
<!--
/* vBulletin 3 CSS For Style 'Mobille Skin' (styleid: 30) */
body
{

One question and sorry if it sounds stupid; do i have to check the mobile style?
if its checked a normal user can select it from the quick template change
if its not only admins can manually select it.

thanks.

[punch]

dartho, I've been using your software for a week now and I love it. But I'm not a big fan of the mobile alabama style, when using PM's it's formatting is horrible. I've tried a few other "lite" styles but Mobile is the best looking, however it's got problems under IE in windows mobile 5 when you go into the usercp.

I know you have nothing to do with that style but I was wondering if you still working on a 3.6.x mobile friendly style like you said in an ealier post? I've searched on vb.org and vb.com and can't find anyone who's developed a nice clean "Defacto" lite mobile style that works with 3.6.x. Mobile_alabama works fine in anything outside of the usercp.

I just wish there was a great style out there that works with 3.6.x and the latest palm/windows mobile browsers.

[dartho]

@paramorefans - sorry, yes - the style must be user selectable

@punch - I actually lost my mobile skin a whle back, and had to go back to the standard Alabama with only a few changes i've added If you want - try the attached - it may need some work which I am willing to do as I get time which is at a premium at the moment.

It's been tested only a little under 3.6.4 - (I haven't upgraded from 3.5 yet) It will also add a few extra templates for vBAdvanced - this shouldn't hurt if you don't use VBA. I would suggest installing it with no parent.

[dartho]

Punch - how'd that modded alabama style work out? I'm gonna upgrade to 3.66 in coming weeks and am wondering if you've had any issues?

[v12kid]

Originally Posted by dartho

Punch - how'd that modded alabama style work out? I'm gonna upgrade to 3.66 in coming weeks and am wondering if you've had any issues?

same question