Issue 12747

Restyle user login form

Reporter: mdoering
Assignee: cvizitiu
Type: Bug
Summary: Restyle user login form
Priority: Critical
Resolution: Fixed
Status: Closed
Created: 2013-02-19 09:47:46.511
Updated: 2013-09-02 13:46:31.034
Resolved: 2013-06-20 13:36:23.932

1 - No tab menu be shown at all
2 - Page title should be "User login" instead of "User page - "
3 - "User page" heading with subheading "page--user" in infoband should be "Login to GBIF" with no subheading
4 - Form needs to be restyled matching the vizzuality design (original screenshot)
5 - restyle error messages (see original error screenshot)]]>

Attachment login page.png

Attachment original error.png

Attachment original login.png

Created: 2013-02-19 10:05:52.338
Updated: 2013-02-19 10:05:52.338
original vizzuality login form was done via jquery. Follow the "Sign In" link here:

Created: 2013-02-19 10:11:40.906
Updated: 2013-02-19 10:19:47.915
If we add a hidden login form to every page, this issue is still valid as we need to show login errors together with a form. Try entering wrong credentials here:

Comment: I've had a look at what Drupal can do about floating registration forms. I'm afraid the perspectives are not at all good. We need to discuss this.
Created: 2013-03-03 19:13:13.84
Updated: 2013-03-03 19:13:13.84

Created: 2013-06-19 19:10:03.384
Updated: 2013-06-19 19:10:03.384

Regarding the styling of the error message: I don't think it's easily attainable. Have a look at this:!

"When a validation error is detected, the validator calls form_set_error() to indicate which element needs to be changed and provide an error message. This causes the Form API to not execute the form submit handlers, and instead to re-display the form to the user with the corresponding elements rendered with an 'error' CSS class (shown as red by default)."

... so, do what exactly? Decorate the  element with a bitmap which reads "unrecognised email" and display that decoration via the error CSS? The whole idea is to display a "message" to the user and then underline the faulty form element(s).


Comment: Closely following the vizzuality design in terms of error message not really doable now. Maybe re-open at a later time when other more critical issues have been fixed. 
Created: 2013-06-20 13:36:23.965
Updated: 2013-06-20 13:36:23.965