I was recently involved in a project where there were two multi-select lists involved, with a big number of options – around 300 in each.

These things are a usability nightmare:

• The user has to ctrl-click to select multiple options (‘where’s the central key?’)
• A stray click will unselect everything already selected (Critically important on a site sign-up form)
• They are just plain ugly

So the workarounds I’ve been trialling?

Jquery multiselect plugin – Very nice plugin that solves all three of the problems above. One problem however – it was taking over a minute for my page to load in Firefox!

Interestingly, Chrome displayed the page in under 5 seconds. Guess that new javascript engine is a fast as they say…

Half-assed Jquery solution I cobbled together for fun – This lets the user use a single click instead of a control click on multi-select lists. Solves problem one and two, problem three would still need someone with more artistic leanings working on it. Oh, and it doesn’t work in IE. Told you it was half-assed.

Current favourite option – A div with overflow hidden, full of checkboxes. Sort of solves the main problems, but still not ideal.

How would you deal with this interface problem? I’d love to hear your suggestions.

We’ve just put the finishing touches on Toawema, a brand new prize draw website!

We used Codeigniter, with JQuery for the UI.

Using Codeigniter was a dream. It’s well known for its speed and lightweight footprint, but there are at least three other advantages that really sold it to me.

Firstly, there’s a huge amount of flexibility compared to other frameworks. Works with almost any host, and any PHP version going back to 4.3.2. No command line jiggery-pokery needed to get it going. Completely open source, so you can hack away at the core to your heart’s content (or better, extend it.)

In fact, it is so flexible that you don’t even need to comply with the MVC design pattern – you could, if you wanted to, completely ditch the model and work only with controllers and views. There’s no restrictive naming conventions, or anything like that.

Secondly, the community is very active and helpful. Although I had a couple of minor issues throughout the development, the forum contained all the information I needed. I never had to ask a single question.

Lastly, Codeigniter has commercial backing in the shape of EllisLab. The future of Codeigniter looks really bright. In fact, 1.7 was released the day Toawema went live (thanks guys, it could’ve saved a ton of coding on the forms!)

Codeigniter is a fantastic product, and I can’t recommend it highly enough for anyone looking at PHP frameworks. I can’t wait to check out ExpressionEngine next!