Issue 10429

Review layout in image slideshow metadata

10429
Reporter: ahahn
Assignee: mdoering
Type: Task
Summary: Review layout in image slideshow metadata
Priority: Major
Resolution: Fixed
Status: Closed
Created: 2011-11-17 11:18:44.192
Updated: 2013-08-29 14:45:15.25
Resolved: 2012-12-05 14:08:48.276
        
Description: Image metadata can be large and in at least two places available text needs to be abbreviated to not exceed the available space:
- title
- description

For many resources, the description may include non-atomised data relevant for credits (photographer name, date, citation, usage rights/license). Popup data are not available for copy-paste in browsers.

If all atomised metadata exists we would have the following attributes in addition to the above, probably breaking the available space even if title and description are truncated:

- source
- Image publisher
- Photographer (creator & date created)
- Copyright

Example pages:
http://staging.gbif.org:8080/portal-web-dynamic/species/102944059
http://staging.gbif.org:8080/portal-web-dynamic/species/1994202

Question: How to best show a truncated version fitting next to the image plus the full version instead of having several small popups?

Maybe use a clickable, truncated description block that opens up to the full height thereby adding scrollbars to the block?]]>
    

Attachment screenshot-1.jpg


Attachment Screen Shot 2012-11-22 at 2.33.57 PM.png


Attachment Screen Shot 2012-12-04 at 2.11.19 PM.png



Author: mdoering@gbif.org
Comment: Original issue: http://dev.gbif.org/issues/browse/PORWEB-13
Created: 2012-09-11 12:05:33.289
Updated: 2012-09-11 12:05:33.289


Author: mdoering@gbif.org
Comment: merged with issue POR-73
Created: 2012-09-11 12:10:55.157
Updated: 2012-09-11 12:10:55.157


Author: dcano
Comment: Now I can see image metadata is much more interesting and useful than simple attribution, including location, habitat, specimen size, etc. We could use a scrollbar for all the image metadata pane. Is it possible to otganize it in title / value pairs?
Created: 2012-11-13 16:48:55.509
Updated: 2012-11-13 16:48:55.509


Author: mdoering@gbif.org
Created: 2012-11-13 17:15:13.229
Updated: 2012-11-13 17:15:13.229
        
yes, they are only simple values. See the getters of this class:
http://builds.gbif.org/view/Common/job/gbif-api/site/apidocs/org/gbif/api/model/checklistbank/Image.html

plus the dataset they belong to.
    


Author: dcano
Comment: Cool, let's use the scrolled pane then! Reassigning it back to you.
Created: 2012-11-13 17:23:13.226
Updated: 2012-11-13 17:23:13.226


Author: kbraak@gbif.org
Created: 2012-11-22 14:40:20.071
Updated: 2012-11-22 14:40:20.071
        
[~dcano][~mdoering@gbif.org] It was agreed that we would use the scrolled pane for the overflow content in the images section.

I was expecting to see it implemented, but as you can see from the attached screenshot there is no scrolling happening.

Basically, my issue is to standardize how scrollable sections appear (POR-400). For the dataset page, I introduced the following class less:

// Scrollable section
#content article .content div.scrollable {
  height:442px;
  overflow:auto;
}

Can you please tell me which class I should use instead, or how to modify my class to be consistent with other scroll sections in the Portal (I can't actually find any, but maybe I haven't looked hard enough).

Many thanks for the help,

Kyle
    


Author: kbraak@gbif.org
Comment: Communication with Vizzuality via email is ongoing.
Created: 2012-12-03 11:50:25.589
Updated: 2012-12-03 11:50:25.589


Author: kbraak@gbif.org
Comment: Work committed in r1219. Screenshot shows how metadata section now uses scrollbar. 
Created: 2012-12-04 14:16:11.881
Updated: 2012-12-04 14:16:11.881


Author: kbraak@gbif.org
Comment: The order of the metadata has been rearranged, now it is: maybe order as source, publisher, photographer/date, description, copyright ? This was committed in r1221.
Created: 2012-12-04 15:57:06.23
Updated: 2012-12-04 15:57:06.23


Author: kbraak@gbif.org
Comment: Work on this issue has now been completed. 
Created: 2012-12-05 14:08:48.295
Updated: 2012-12-05 14:08:48.295