Issue 11969

Scientific name autocomplete

11969
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


Author: fmendez@gbif.org
Created: 2012-11-20 10:11:21.285
Updated: 2012-11-20 10:11:21.285
        
http://staging.gbif.org:8080/portal-web-dynamic/occurrence/search
Have to check why the page is not working, but you can see the same component here: http://staging.gbif.org:8080/portal-web-dynamic/species/
    


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


Author: fmendez@gbif.org
Created: 2012-11-20 11:00:26.266
Updated: 2012-11-20 11:00:26.266
        
http://staging.gbif.org:8080/portal-web-dynamic/species/
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


Author: fmendez@gbif.org
Comment: Sorry Javi, you can't see that machine; please use: http://api.gbif.org/portal-web-dynamic/species/
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:

src/main/webapp/img/autocomplete_bkg_big.png

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