Style elements required for several basic elements
10460
Reporter: ahahn
Type: Task
Summary: Style elements required for several basic elements
Priority: Minor
Resolution: Fixed
Status: Closed
Created: 2011-11-25 14:10:48.106
Updated: 2013-08-29 14:45:17.296
Resolved: 2012-11-20 11:16:41.31
Description: In the examples, We don't have basic elements like:
- Styles for error messages
- Templates for status widgets, i.e.: ajax spinners, progress bars, etc.
- Styles/layouts for: warning messages, response complete messages and validation error messages.
(transferred from http://dev.gbif.org/wiki/display/POR/Questions+and+Issues+for+Vizzuality)]]>
Author: dcano
Created: 2012-11-13 18:25:01.461
Updated: 2012-11-13 18:25:01.461
Which errors do you need to show? I don't remember forms apart from the register process (where errors are already designed).
For spinners and progress bars: could you give more information about the actions where you need them?
Author: fmendez@gbif.org
Created: 2012-11-14 09:17:50.242
Updated: 2012-11-14 09:17:50.242
There's one spinner: http://staging.gbif.org:8080/portal-web-dynamic/species/search, just click any checkbox on the right side of the screen and modal window will appear showing a spinner, that actually does't spin.
Warning and error messages: we need them here http://staging.gbif.org:8080/portal-web-dynamic/occurrence/search; several filters have input boxes that have to be validated.
Author: dcano
Created: 2012-11-15 12:06:08.67
Updated: 2012-11-15 12:06:08.67
Please check attached files.
About the spinner: I think it is less disruptive and more fluid if we don't use a modal window + lightbox, but using the result area for showing the message. Tell me if this is ok and will generate an animated GIF for the spinner.
About the errors: I can't see any result in the occurrence search, so I can't see the problem. But I'm attaching the error style designed for user sign up. Do you think it will work?
Author: fmendez@gbif.org
Created: 2012-11-20 10:28:13.826
Updated: 2012-11-20 10:28:13.826
Spinner: i like the idea of showing the status in the result are, 1 good thing about the modal windows is that the user can't click any link; do you think is a good idea if we disable the facet links once a search was triggered (Any taxa, Any taxanomy, etc.)?
Errors: am ok with the style that you proposed, it is a specific CSS (erro_message{...})?
Author: dcano
Created: 2012-11-20 10:35:51.914
Updated: 2012-11-20 10:35:51.914
No, i don't think so. We should allow the user to cancel the current search and perform a new one without blocking him until results are returned.
Let me ask Javier Arce about the error styles.
Author: dcano
Comment: Reassigning to Javier Arce for the error styles.
Created: 2012-11-20 10:38:25.394
Updated: 2012-11-20 10:38:25.394
Author: javierarce
Created: 2012-11-20 11:16:20.678
Updated: 2012-11-20 11:16:20.678
Ok, to show the error in a field just add the class 'error' to the input_text element, like this:
