Here's something egregious: the names of the radio buttons or the check boxes aren't labels for the input, and you can't click on them to select the option.
I've not looked at the source, but clicking on them works for me (Chrome 4)
Uniform - Sexy forms with jQuery
21–30 of 35 posts
Re: Uniform - Sexy forms with jQuery
#22Hmm. Would be nice if the dropdown and buttons worked properly in Opera.
I'm really curious about why the author succeeded with the other four major browsers, but couldn't make it work with Opera.
Re: Uniform - Sexy forms with jQuery
#23Can we get some nice date and time pickers please! :P
There should be millions of those around if you need one, the problem is that such a widget isn't part of the html standard, there's no baseline functionality that you can extend and make pretty, you have to do it all yourself.
It's actually part of HTML5:
http://diveintohtml5.org/forms.html#type-date
But "support is… sparse".
Re: Uniform - Sexy forms with jQuery
#24Why not include a matching style for textboxes? Those styled inputs are going to look pretty jarring next to native textboxes and creating matching styles for them is enough work for me that I wouldn't do it. Overall they look nice, but with the incomplete control set and the gotchas listed (doesn't automatically handle dynamic changes and no IE6 support) it has a long way to go.
Ojay.Forms handles dynamic changes and supports IE6. You have to write your own styling, though, but generally one would have to do that with Uniform anyway. http://ojay.othermedia.org/articles/forms.html
On a quick test, drop down boxes don't work on Chrome 4: when I click on the scroll bar it closes down. I've seen this bug somewhere else two years ago and there was some workaround but still...
Anyway, it's a nice idea!
Re: Uniform - Sexy forms with jQuery
#25Here's something egregious: the names of the radio buttons or the check boxes aren't labels for the input, and you can't click on them to select the option.
Watch out you're not clicking the third one in the list. They're disabled, but don't look like it.
Re: Uniform - Sexy forms with jQuery
#26Cool idea but the last thing I want are my products to look like the came straight out of the Adobe Flex box.
Re: Uniform - Sexy forms with jQuery
#27Earlier quoted context omitted.
Ojay.Forms handles dynamic changes and supports IE6. You have to write your own styling, though, but generally one would have to do that with Uniform anyway. http://ojay.othermedia.org/articles/forms.html
On a quick test, drop down boxes don't work on Chrome 4: when I click on the scroll bar it closes down. I've seen this bug somewhere else two years ago and there was some workaround but still... Anyway, it's a nice idea!
Yes, we need to do some work to make things properly compatible with Chrome. Hopefully I'll have some spare time in the next couple of weeks to do that.
Re: Uniform - Sexy forms with jQuery
#28Hmm. Would be nice if the dropdown and buttons worked properly in Opera.
I'm really curious about why the author succeeded with the other four major browsers, but couldn't make it work with Opera.
I toyed with the code a bit (which was a bit bizarre looking until I realized the mix of tabs and spaces was meant to be viewed with tabs equalling 2 spaces). One minor thing worth noting: The demo page has a "console.log(...)" statement in it. That causes an error in Opera, so I took it out.
Here's why the dropdown doesn't [quite] work in Opera:
Uniform wraps form elements with divs and spans in order to achieve the altered look. The actual form elements are set to opacity 0 to hide them. For some reason (which I couldn't figure out), the actual select element ends up with a height of 5 pixels. You'll see that if you click on the upper 5 pixels of the dropdown, you'll get the dropdown to open up like it should.
The simple fix was to force the height of the select element with CSS to something bigger, such as 23px. I added "height: 23px;" to this CSS block: http://github.com/pixelmatrix/uniform/blob/master/css/unifor... and then the dropdown began working as advertised.
Re: Uniform - Sexy forms with jQuery
#29not to be confused with http://sprawsm.com/uni-form/
Re: Uniform - Sexy forms with jQuery
#30Hey guys, thanks for the feedback. Constantly trying to improve things. If you have bug reports, please post them in Github's issue tracker. I pay close attention to issues posted there.
There have been a lot of requests to add styles for inputs/textareas and buttons. I do plan to add styles for those in the next version.
Also, Opera support is coming. I played around yesterday and I found a workaround for the bug that was plaguing it: not being able to hide form elements.
Can someone post more details on the Chrome 4 bug mentioned in the issue tracker?