I've looked through the vBulletin js files and pulled out he script needed to make the quick style chooser work - this will of course only work on mobile devices that support javascript and if teh style is not being force by an add-on.
Add the following to the very top of your footer template:
Code:
<if condition="$show['quickchooser']">
<script type="text/javascript">
<!--
var is_regexp=(window.RegExp)?true:false;
function switch_id(C,E){var F=C.options[C.selectedIndex].value;if(F==""){return }var B=new String(window.location);var A=new String("");B=B.split("#");if(B[1]){A="#"+B[1]}B=B[0];if(B.indexOf(E+"id=")!=-1&&is_regexp){var D=new RegExp(E+"id=\\d+&?");B=B.replace(D,"")}if(B.indexOf("?")==-1){B+="?"}else{lastchar=B.substr(B.length-1);if(lastchar!="&"&&lastchar!="?"){B+="&"}}window.location=B+E+"id="+F+A}
// -->
</script>
<div>
<select name="styleid" onchange="switch_id(this, 'style')">
<optgroup label="$vbphrase[quick_style_chooser]">
$quickchooserbits
</optgroup>
</select>
</div>
</if>
Alternatively (or additionally) you can add the style chooser to modifyoptions template (which will not require javascript enabled to work)
Just add:
Code:
<if condition="$show['quickchooser']">
<div class="windowbg2">Style Chooser</div>
<span>
<select name="styleid">
<optgroup label="$vbphrase[quick_style_chooser]">
$quickchooserbits
</optgroup>
</select>
</if>
</span>
<br />
before
Code:
<div>
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="submit" class="button" value="$vbphrase[save_changes]" accesskey="s" />
<input type="reset" class="button" value="$vbphrase[reset_fields]" accesskey="r" />
</div>
in the modify options template