Issue 12658

Implement Newsroom usage tab

Reporter: mdoering
Assignee: cvizitiu
Type: Improvement
Summary: Implement Newsroom usage tab
Description: Add the one liner below each image as a field to be entered by the author
Priority: Major
Resolution: Fixed
Status: Closed
Created: 2013-01-25 13:02:52.774
Updated: 2013-09-02 13:46:34.188
Resolved: 2013-02-07 16:06:48.702

Attachment news_tab_data_usage.png

Attachment Usage Home.html

Created: 2013-02-01 11:34:02.728
Updated: 2013-02-01 11:34:18.654
Part of the panel is already there at and it reveals already some problems:

1. What to do about the titles?

2. What to do about the layout not accommodating variable length summaries? Proposed solutions
    2.a. Quit the 

Created: 2013-02-04 11:58:38.463
Updated: 2013-02-04 11:58:38.463
1) What exactly is the problem with the titles?
2) Im not sure if I understand the problem either. Is it simply summary text size? I would suggest to just cut off the full text and show the first xyz characters followed by an ellipse which should be a link to the full page.

Created: 2013-02-04 12:16:52.218
Updated: 2013-02-04 12:16:52.218
"Potential Geographic Distribution of Brown" instead of "Potential Geographic Distribution of Brown Marmorated Stink Bug Invasion (Halyomorpha halys)". The layout forcefully cuts the titles by hiding the overflow in that box; the designers never thought about the issue of really long titles. :-|

Not only that, but the layout is not done with "tables" or any consideration of the fact that the summary will be of different sizes... so you can see the bottom of the boxes are no longer aligned.

Yes, my proposal would have been to cut the titles with either "..." or the usual "... more" but then that would ruin the looks of it because you'll have too many "...". The summaries themselves would also contain "...". :-s

Another proposal would be to FORCE the editors to have at least the summary of EXACTLY x letters but I'm pretty sure they're not gonna accept that! :-)


Created: 2013-02-04 14:53:51.498
Updated: 2013-02-04 14:53:51.498
We use ... ellipses all over the portal when we need to restrict title or content length in summaries - lets do the same here.
For the size of the "boxes" we can simply also assigned a fixed height in addition to the width so they are all the same. This is definitely a simple, solvable css issue and we dont need tables. Just need to know more the maximum number of characters such a "box" can hold to apply the ellipses. But I agree I would have expected divs rather and a list. And if a list, then at least a single list and not one per row - that is really strange. Im more than happy to adjust the CSS to use a single list, what you think?

Created: 2013-02-04 15:05:37.797
Updated: 2013-02-04 15:07:34.828
I would have gone for tables but yeah, I agree 120% that several rows of 
  • is weird to say the least. Oh, check out the insult to injury: the last
  • is styled differently! :-@ Had lots of fun with the modulus operator in PHP!!! :-s :-s I'm afraid there's some deep cross-browser issue to consider regarding the replacement of several

    Created: 2013-02-04 15:49:33.046
    Updated: 2013-02-04 15:49:33.046
    We shorten dataset titles here:
    or in the details:
    its done in code by cutting off after a fixed number of max characters (the search number seems to high btw)

    Comment: I think the issue is solved elegantly as Tim Hirsh agreed to impose a strict wording policy for both the summary and the titles. 
    Created: 2013-02-06 21:50:47.417
    Updated: 2013-02-06 21:50:47.417

    Comment: vizzuality design attached
    Created: 2013-02-07 10:25:04.791
    Updated: 2013-02-07 10:25:04.791

    Comment: Page now looks like the template
    Created: 2013-02-07 16:06:48.726
    Updated: 2013-02-07 16:06:48.726