<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
</head>
<body text="#333333" bgcolor="#FFFFFF">
<br>
<blockquote
cite="mid:C1A15365-AFF2-44A6-A2F9-80ED03688BEF@redhat.com"
type="cite">
<pre wrap=""> * Coloured borders for warnings/errors. Very nice.
I kind of wonder what green borders on properly filled out fields would
look like. Tried to make it happen in Codepen, didn't figure it out. :(</pre>
</blockquote>
Check here:
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<a href="http://codepen.io/coufalj/pen/DdAEe">http://codepen.io/coufalj/pen/DdAEe</a>
;)<br>
<br>
I didn't want to stress success out that much, I wanted to keep
approach "if something goes wrong, then highlight it, if everything
is going smoothly, let user know but don't point it out and let him
continue in his work".<br>
<br>
<blockquote
cite="mid:C1A15365-AFF2-44A6-A2F9-80ED03688BEF@redhat.com"
type="cite">
<pre wrap="">The one thing I'm slightly unsure of, is why is there pop up help text over
titles on the left (i.e. "? Text input") as well as on the right hand side?
Guessing the pop up stuff is just for us looking at the example on Codepen?</pre>
</blockquote>
Idea was to:<br>
1) Give user quick hint how to fill the input (right hand). There is
already an example of it.<br>
2) Next to the label, on the left hand side, is situated help for
the label as a concept itself. If there is some hardly
understandable term for user, he can quickly get to know, what this
term means. In most cases this one won't be used, but there might
occure some situation, were it would be needed. Hardly looking for
some example right now... not very good one but at least some: at
the very beginning, for me it was hard to know what "realm" is -
novice guy - and some quick help would help :)<br>
<br>
I see that this one is little bit confusing for more people. Maybe
something like underlining label with dashed line would help to
understand it better (
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<a href="http://codepen.io/coufalj/pen/FexCd">http://codepen.io/coufalj/pen/FexCd</a>)?<br>
<br>
-- Jarda<br>
<pre class="moz-signature" cols="72">--
JaromÃr Coufal
Interaction Designer
Red Hat Czech s.r.o.
Mobile: +420 724 595 508
E-mail: <a class="moz-txt-link-abbreviated" href="mailto:jcoufal@redhat.com">jcoufal@redhat.com</a>
IRC: jcoufal at #cloudforms-ui, #aeolus, #brno</pre>
</body>
</html>