Issue 11969

Scientific name autocomplete

Reporter: fmendez
Assignee: javierarce
Type: SubTask
Summary: Scientific name autocomplete
Description: The classification below each scientific name is displayed out of the element area: for example,in the attached image, the last 2 elements Noctuidae > Pumora are showed in a new line. This was implemented in this way because the autocomplete widget uses a image as background and when the displayed elements exceed the image width, the background is not displayed correctly.
Priority: Major
Resolution: Fixed
Status: Closed
Created: 2012-10-03 09:49:35.481
Updated: 2014-07-31 08:08:36.739
Resolved: 2012-11-20 18:05:32.929

Attachment scientificNameAutocomplete.png

Author: javierarce
Comment: Ok, same problem here. Where can I locate this widget? Is it still in use?
Created: 2012-11-20 10:06:15.576
Updated: 2012-11-20 10:06:15.576

Created: 2012-11-20 10:11:21.285
Updated: 2012-11-20 10:11:21.285
Have to check why the page is not working, but you can see the same component here:

Author: javierarce
Comment: The page doesn't seem to load :|
Created: 2012-11-20 10:55:59.606
Updated: 2012-11-20 10:55:59.606

Created: 2012-11-20 11:00:26.266
Updated: 2012-11-20 11:00:26.266
Should be working!

Author: javierarce
Comment: For me it justs keeps loading. That is not your local machine, right?
Created: 2012-11-20 11:03:55.122
Updated: 2012-11-20 11:03:55.122

Comment: Sorry Javi, you can't see that machine; please use:
Created: 2012-11-20 11:26:58.479
Updated: 2012-11-20 11:26:58.479

Author: javierarce
Created: 2012-11-20 18:05:26.692
Updated: 2012-11-20 18:05:26.692
Ok, I've just commited the bigger autocomplete panes. To use them, you'll have to activate them first. Here's how you can do it:

In terms_suggest.js there's the following code (lines 38-39):

  // Uncomment the following line if you want bigger autocompletes panes.
  // $(".ui-autocomplete").addClass("big");

Uncomment the second line and you're set.

If you need to make them even higher, you should modify the background image:


and the #content ul.ui-autocomplete.big element.