Hi all,
based on your valuable previous comments, I prepared (hopefully)
final version of forms for Conductor and Katello (will be part of
Converge-UI library).
All elements use pure HTML and CSS without any JavaSrcipt. So this
is fallback look when JS is switched off. Difference between JS and
no-JS version would be in behaviour of special input types such as
select, multiple, date, etc., but no-JS version needs to provide as
similar functionality as possible.
HTML5 types (such as date, file input) are rendered by browser so
they have its look. In some browsers (such as Firefox) HTML5 inputs
are not supported. So we need to be sure, that if user uses this
combination (e.g. FF and no JS), he is still able to finish his task
(assured by classic input type instead of HTML5 type).
Forms are fully responsive - you can check it by resizing your
browser window. It's prepared in a way, that you don't have to have
small window size to change its layout. Just specify class in form
element and it will "automagicaly" move inputs to the top or
messages to the bottom of input (or both).
You can find example here:
http://convergeui-jcoufal.rhcloud.com/form
(now should work in Chrome, FF and Opera, IE not tested yet)
Please, I would like you to ask to have a look and give me some
feedback, if you can. Especially for guys from Katello, if this
would work for them as well.
Thanks,
-- Jarda
--
JaromÃr Coufal
Interaction Designer
Red Hat Czech s.r.o.
Mobile: +420 724 595 508
E-mail: jcoufal@redhat.com
IRC: jcoufal at #cloudforms-ui, #aeolus, #brno