Issue 10429

Review layout in image slideshow metadata

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:

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

Comment: Original issue:
Created: 2012-09-11 12:05:33.289
Updated: 2012-09-11 12:05:33.289

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

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:

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

Created: 2012-11-22 14:40:20.071
Updated: 2012-11-22 14:40:20.071
[~dcano][] 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 {

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,


Comment: Communication with Vizzuality via email is ongoing.
Created: 2012-12-03 11:50:25.589
Updated: 2012-12-03 11:50:25.589

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

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

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