Step 1. I turned off $filterxsshtml (which is standard in my installation)

Step 2. Set up the template to use custom onload functions. --> here I am not quite sure what to do. I just don't understand what is meant with setting up the template here. In the explanation there is just shown how a onload function should look like, but not how to set-up the template. So here might be my problem.

Step 3. The imagetick.js has been placed into the template folder, together with check.gif, no_check.gif, no_radio.gif, radio.gif

Step 4. I also added this code to the header of my template

Step 5. I also added the code in the question code.

There is one other question: wouldt the code from step 5 work if included in the startpage.pstpl as well? I ask because if you would want to have the checkboxes substituted for the whole questionnaire, this would be a lot more confortable.

So I was wondering what I am doing wrong here. There just happens nothing. No error message, but also the checkboxes and radio buttons stay the same.

Hmm, I somehow got this pixelmatrixdesign.com/uniform/ to work. But only somehow. It looks good, except for the the radio buttons. For the radio buttons there are two problems, they don't have a functionality (can't be marked) and they are somehow off to the left. Buttons and checkboxes do work though.

Let's see if we can make this work. Looks good at least.

And I there is another problem: the progress bar doesn't work anymore. Weird.

It works so far that it substitutes check boxes, text boxes, buttons, radio buttons and selects.

However, I have found the following problems so far:
- Needed to reference jquery. I did this with a link to the Google API, which is of course not ideal and causes errors with the ssl certificate. I have to see how I best reference the internal jquery.
- the progress bar doesn't show correctly anymore - strange.
- the radio buttons show up, but don't work and are quite a bit off to the left
- there are 2 pages at the beginning, which I don't know yet where they come from.

Could be that this a conflict between the different versions of Jquery, as there is the version that is included in Limesurvey and the one that I have externally referenced. I needed to reference the external one, because I didn't know how to reference the internal one in the template. And without referencing it, it did nothing.

I chose that plugin, because the other one from the workaround just did nothing for me, while the Uniform one was at least doing something from the beginning, so I could go step by step to get rid of some errors until I got to this point. Additionally, the method looks a lot simpler to me, because it works template wide and you don't have to add code in the question texts. Additionally it not only substitutes the radio buttons and check boxes, but also other input types. Additionally it looks quite nice out of the box.

Here the sample survey:

[wrong survey uploaded]

I assume, once I figure out how to reference the shipped Jquery it might work better. Additionally it won't create a problem with the ssl certificate for including external files.

At the moment I have included the UNIFORM plugin files in the template folder. But I think it would be good to include it in the standard Jquery folder, wouldn't it? But then again, I don't know how to reference it in the template files.