Issue 12747

Restyle user login form

12747
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
        
Description: http://staging.gbif.org/drupal/user/login

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



Author: mdoering@gbif.org
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:
http://portal-static.gbif.org/occurrences/index.html
    


Author: mdoering@gbif.org
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: http://staging.gbif.org/drupal/user/login
http://dev.gbif.org/issues/browse/POR-552
    


Author: cvizitiu@gbif.org
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


Author: cvizitiu@gbif.org
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:

https://api.drupal.org/api/drupal/includes!form.inc/function/form_set_error/7

"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).








    


Author: cvizitiu@gbif.org
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