Okay, it seems that there is a jQuery conflict and the plugin won't work with the shipped version of jQuery so we need a trick.
1) Go to
pixelmatrixdesign.com/uniform/ , download the plugin and install the following files/folders in your template directory:
- jquery.uniform.min.js (file)
- /images (folder)
- /css (folder)
2) Go to
jquery.com/ , download the latest version and install it in your template directory
3) Add the following to the
beginning of your startpage.pstpl. The code will:
- link to the plugin css file
- replace the link to the shipped jQuery file with a link the new version you just installed
- link to the plugin JS file.
<link rel="stylesheet" type="text/css" href="{TEMPLATEURL}/css/uniform.default.css" />
<script type="text/javascript">
$(document).ready(function() {
$('script[src*="/jquery/jquery.js"]').attr('src', '{TEMPLATEURL}jquery-1.4.4.min.js');
});
</script>
<script type="text/javascript" src="{TEMPLATEURL}jquery.uniform.min.js"></script>
Add the following to the end of template.js. It will apply the plugin script to all radio, checkbox, dropdown and browser upload elements in the survey:
$(document).ready(function() {
$('select, input:checkbox, input:radio, input:file').uniform();
});
I've tested back to IE7 and, although IE7 is a little slow to apply the plugin, voila!
