Jump to content

Search - Quick Usability Improvement!


Recommended Posts

Hey team,



the current realtime search requires users to refocus from typing to the mouse to select a client.


re-structure XHTML to allow keyboard down arrow to select results, and make the items fill the div, so they are easier to click



This is a quick fix, it has to do with the way the intelligent search dropdown functions. It'd be great if

  1. The results were wrapped
  2. When you press down arrow, it selects (and hilights) the first result
  3. down arrow selects the next result
  4. et al


Here's how it works now:

A[href=result]>Result Text


Here's how I'd do it:

A[href=result]>>SPAN[style=display:block;width=parent width]>>Result text



This will make the span wrap the contents, which is wrapped by an anchor. The span is a inline element, so it won't be invalid XHTML, but is set to display:block, so that it fills the element.


What do you think?

Link to comment
Share on other sites

With the new 4.2, you can tab and enter to go to a client in the search results.


I don't think we can do the arrow key based selection of results but the intelligent search styling has been changed to use full width divs in the 4.2 version currently in beta.



Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...

Important Information

By using this site, you agree to our Terms of Use & Guidelines and understand your posts will initially be pre-moderated