<html><head></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div>Hi!</div><div><br></div><div>I've just published a few more screens:</div><div><br></div><div><div>- Update Account page: <a href="http://ejsclient-cardosogabriel.rhcloud.com/saas-update-account.html">http://ejsclient-cardosogabriel.rhcloud.com/saas-update-account.html</a></div></div><div>What are the required fields for this form?</div><div><br></div><div>- OAuth Grant page: <a href="http://ejsclient-cardosogabriel.rhcloud.com/saas-oauth-grant.html">http://ejsclient-cardosogabriel.rhcloud.com/saas-oauth-grant.html</a></div><div>What happens when the user puts the mouse over the i icon? Tooltip?</div><div><br></div><div><div>- Error page: <a href="http://ejsclient-cardosogabriel.rhcloud.com/error-page.html">http://ejsclient-cardosogabriel.rhcloud.com/error-page.html</a></div><div><br></div></div><div>The other ones have been revised according to this list: <a href="https://docs.google.com/document/d/1Il5X1jZwR_TsJSdBG0X8Kg2a1SqMBcJsNGv3vFS9N88/edit#">https://docs.google.com/document/d/1Il5X1jZwR_TsJSdBG0X8Kg2a1SqMBcJsNGv3vFS9N88/edit#</a></div><div><br></div><div>I intend to finish the list tomorrow. Comments?</div><div><br></div><div>Gabriel</div><br><div><div>On Sep 24, 2013, at 10:09 AM, Gabriel Cardoso wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Ok. I guess you guys can implement them in two lines. I'll keep my design like this for we to remember in the future :)<div><br></div><div>Regarding the placeholder, can't we keep it in situations like in the password field, that says "At least 6 characters"? New browsers would read it and we would avoid some error messages.</div><div><br></div><div>Gabriel<br><div><br></div><div><div><div>On Sep 24, 2013, at 5:31 AM, Stian Thorgersen wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><div>Looks great :) <br><br>I think it would be simpler to have first and last names on separate lines as we shouldn't use placeholder/javascript:<br><br>First name: [ ]<br>Last name: [ ]<br><br>In future we could make it more fancy by adding some javascript support (through progressive enhancement), but for now let's keep it as simple as possible to support old-browsers + non-javascript.<br><br>----- Original Message -----<br><blockquote type="cite">From: "Gabriel Cardoso" <<a href="mailto:gcardoso@redhat.com">gcardoso@redhat.com</a>><br></blockquote><blockquote type="cite">To: <a href="mailto:keycloak-dev@lists.jboss.org">keycloak-dev@lists.jboss.org</a><br></blockquote><blockquote type="cite">Sent: Monday, 23 September, 2013 7:38:21 PM<br></blockquote><blockquote type="cite">Subject: [keycloak-dev] Login / User Account screens<br></blockquote><blockquote type="cite"><br></blockquote><blockquote type="cite">Hi,<br></blockquote><blockquote type="cite"><br></blockquote><blockquote type="cite">I've just refined / implemented the following screens:<br></blockquote><blockquote type="cite"><br></blockquote><blockquote type="cite">- <a href="http://ejsclient-cardosogabriel.rhcloud.com/saas-register.html">http://ejsclient-cardosogabriel.rhcloud.com/saas-register.html</a> /<br></blockquote><blockquote type="cite"><a href="http://ejsclient-cardosogabriel.rhcloud.com/realm-register.html">http://ejsclient-cardosogabriel.rhcloud.com/realm-register.html</a><br></blockquote><blockquote type="cite">Splited the field "Name" into "First Name" and "Last Name"<br></blockquote><blockquote type="cite"><br></blockquote><blockquote type="cite">- <a href="http://ejsclient-cardosogabriel.rhcloud.com/user-account.html">http://ejsclient-cardosogabriel.rhcloud.com/user-account.html</a><br></blockquote><blockquote type="cite">New user account page<br></blockquote><blockquote type="cite"><br></blockquote><blockquote type="cite">- <a href="http://ejsclient-cardosogabriel.rhcloud.com/user-password.html">http://ejsclient-cardosogabriel.rhcloud.com/user-password.html</a><br></blockquote><blockquote type="cite">Edit password page<br></blockquote><blockquote type="cite"><br></blockquote><blockquote type="cite">- <a href="http://ejsclient-cardosogabriel.rhcloud.com/user-authenticators.html">http://ejsclient-cardosogabriel.rhcloud.com/user-authenticators.html</a><br></blockquote><blockquote type="cite">List of authenticators page. Click "Remove Google".<br></blockquote><blockquote type="cite"><br></blockquote><blockquote type="cite">- <a href="http://ejsclient-cardosogabriel.rhcloud.com/user-totp-setup.html">http://ejsclient-cardosogabriel.rhcloud.com/user-totp-setup.html</a><br></blockquote><blockquote type="cite">Initial page for "Authenticators". This page is also displayed after deleting<br></blockquote><blockquote type="cite">the authenticator.<br></blockquote><blockquote type="cite"><br></blockquote><blockquote type="cite">Gabriel<br></blockquote><blockquote type="cite"><br></blockquote><blockquote type="cite">--<br></blockquote><blockquote type="cite">Gabriel Cardoso<br></blockquote><blockquote type="cite">GateIn Portal | User Experience Designer<br></blockquote><blockquote type="cite"><br></blockquote><blockquote type="cite"><br></blockquote><blockquote type="cite"><br></blockquote><blockquote type="cite">_______________________________________________<br></blockquote><blockquote type="cite">keycloak-dev mailing list<br></blockquote><blockquote type="cite"><a href="mailto:keycloak-dev@lists.jboss.org">keycloak-dev@lists.jboss.org</a><br></blockquote><blockquote type="cite"><a href="https://lists.jboss.org/mailman/listinfo/keycloak-dev">https://lists.jboss.org/mailman/listinfo/keycloak-dev</a><br></blockquote><blockquote type="cite"><br></blockquote></div></blockquote></div><br><div>
<span class="Apple-style-span" style="border-collapse: separate; font-family: Helvetica; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; font-size: medium; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><br class="Apple-interchange-newline">--</div><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Gabriel Cardoso<br>GateIn Portal | User Experience Designer<br><br></div></span>
</div>
<br></div></div></div>_______________________________________________<br>keycloak-dev mailing list<br><a href="mailto:keycloak-dev@lists.jboss.org">keycloak-dev@lists.jboss.org</a><br>https://lists.jboss.org/mailman/listinfo/keycloak-dev<br></blockquote></div><br><div>
<span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; font-size: medium; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><br class="Apple-interchange-newline">--</div><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Gabriel Cardoso<br>GateIn Portal | User Experience Designer<br><br></div></span>
</div>
<br></body></html>