Issue 10460

Style elements required for several basic elements

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

Attachment gbif_form_errors.jpg

Attachment gbif_search_spinner.jpg

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?

Created: 2012-11-14 09:17:50.242
Updated: 2012-11-14 09:17:50.242
There's one spinner:, 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; 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?

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: