Selectbox styles ?

[pepperstreet]

Hello,
first of all... congrats to your work and efforts on this projects. Looks very interesting and useful! Finally someone cares about the ugly checkboxes and radio buttons!!!

Question:
Are you going to replace the BS select boxes appearance as well?

Recently came across the project "SelectBoxIt" which was mentioned on a Bootstrap related site. I also used "Formstone" and "Uniform" in the past. I am no win8 user, but i assume that there is a matching style for checkboxes and radios, right?!

Thanks in advance,
Maik

[ChrisClayton]

The OP is refering to this: http://gregfranko.com/jquery.selectBoxIt.js/
There is also very similar ones floating around, such as: http://caseyjhol.github.com/bootstrap-select/ and http://ivaynberg.github.com/select2/

[ChrisClayton]

On a sidenote, Win8 seems to use a very basic select box (SEE: http://cdn.overclock.net/3/3e/3e2dab44_click.jpeg and http://media.askvg.com/articles/images3/Log_Off_Restart_Shutdown_Windows_8_PC.png) So, if the goal is to mimic the appearance of Win8, maybe further customising the select box should be left to the user...

[pepperstreet]

@ChrisClayton
your second example looks better, than the first one. But still ugly system look, IMHO. I won't judge win8, because didn`t even use it. Although, I am a big fan of the overall metro design. (before win8 hit the scene!). The goal is not to mimic the win8 appearance, IMHO. It should be a very simple and reduced style, that matches to the metro tiles and boxes. Squared, not rounded, minimal arrow icon etc. In other words: puristic.

My personal goal: Get a common cross-browser appearance for selects, checkboxes, radios.

Color and Size might be personal preference, maybe it could inherit and use some bootstap properties/values as defaults. The rest is customization.

[aozora]

Please read this: http://t.co/C17geoJ7kt

I can plan to have a specific metro theme for selectboxit or select2... someone interested?

[pepperstreet]

@aozora
Thanks for the nice article. Totally agree with the content and thoughts (as a developer and site-builder). On the other hand there is always the client... which does not understand those coherences. Im most cases I have to adjust the appearance to their personal liking. Personally, I also dont´t like those mobile-scrolling element. Really strange and ugly, IMHO. UserExperience for novice people is terrible, IMHO. Mobile sites and apps do not make sense without Javascript. I think a defacto-Standard and requirement. So, a CSS-only solution is not mandatory.

SelectBoxIt - Select2 - Fuel UX
seem to be the most used replacements/addons for Bootstrap and this purpose. So, why not! Definitely interested.

[gfranko]

@aozora If you want to add a Metro theme for SelectBoxIt, you just have to add the correct Metro CSS classes to jquery.selectBoxIt.core.js. I would happily accept this PR.