<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>