We need to add some kind of visual notification that AJAX is doing stuff. It's most important on the user facing stuff, i.e, the exposed filters, paging, etc, but we should probably put something on the Views UI stuff as well.

CommentFileSizeAuthor
#1 status-active.gif2.14 KBnedjo

Comments

nedjo’s picture

nedjo
he/him/his
Primary language English
commented
StatusFileSize
new status-active.gif2.14 KB

Yes. Related to this are (a) transitions--do we want options for visual cues like fades or slides when new content is rendered? and (b) positioning--do we need to scroll to the top of the new content? For positioning, the issue could be that a user clicks a paging link at the bottom of a long page. New content loads, but the user is still at the bottom of the page. Should we scroll to the top? We could copy Drupal.collapseScrollIntoView from collapse.js.

For progress, I've tended to use the core progress bar, just because, well, it's in core so people will see it anyway (e.g., when uploading files). Lots of people hate it visually though. The problem I guess with progress.js is that it makes sense when there is indeed progress indication (it's a lengthy operation like running updates, we see the bar moving along), but not when there isn't. It feels like overkill when all you really need is a little spinny graphic that you can display then hide.

In Activemenus and Fasttoggle we've used a throbber adapted from the throbber.gif used by autocomplete, see attached. That could work here, but might be too small.

merlinofchaos’s picture

merlinofchaos commented

I think this would be fine as a throbber for paging and tablesorting, simply adding it to the link like fasttoggle does. That's a perfectly simple indicator and is very obvious something is happening. And that's just adding a css class to the link (and removing it on ajax failure) and some CSS to add the image and stuff. So that's easy.

That doesn't seem like it'll work as well for the exposed filter form, though.

merlinofchaos’s picture

merlinofchaos commented

I've added a throbber to all the ajax, though there's a couple of places where the throbber looks really bad; I think it just needs some CSS adjustment but it may need some other help. Leaving this active.

merlinofchaos’s picture

merlinofchaos commented
Status: Active » Fixed

Nobody has complained yet. yoroy did fix some of the CSS.

Anonymous’s picture

Anonymous (not verified) commented
Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.