To participate you must create an account on apostrophenow.org. If you have already done so, click Login.

Ticket #198 (closed enhancement: wontfix)

Opened 23 months ago

Last modified 16 months ago

Graphical representation of Media selection constraints

Reported by: johnnyoffline Owned by: johnnyoffline
Priority: major Milestone: 1.5
Component: apostrophePlugin: Media Version:
Keywords: media, ui, 1.5rc Cc: johnnyoffline, hillerj, boutell, agilbert, geoffd, dordille
Symfony version: 1.4

Description (last modified by johnnyoffline) (diff)

Rick + Jake,

Let's sketch out some kind of simple graphical representation of the media constraints information that fits inside a 100px square footprint.

This text that we display currently is complete bullshit, I didn't even know we output this kind of message for the first six months of pkContextCMS.

media-contraints-are-totally-lame.png

for Apostrophe, there's got to be a super simple and visual way to represent this information clearly and quickly without much effort to see and understand for us to implement.

I think it should be built with markup and css so that it's dynamic and lightweight as opposed to having a set of graphics in a sprite.png.

let's talk

Attachments

media-contraints-are-totally-lame.png Download (12.8 KB) - added by johnnyoffline 23 months ago.
media-contraints-are-totally-lame.png
constraints-comp.png Download (10.9 KB) - added by rickybanister 23 months ago.
constraints comp

Change History

Changed 23 months ago by johnnyoffline

media-contraints-are-totally-lame.png

Changed 23 months ago by johnnyoffline

  • description modified (diff)

Changed 23 months ago by johnnyoffline

  • description modified (diff)

Changed 23 months ago by rickybanister

Let's try something like this: a tiny scale representation of the crop size.

constraints comp

This is the quick html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

" http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
</head>
<body>

<style>
*
{
font-family:arial;
color:#666;
font-size:11px;
}
#width
{
position:absolute;
left:0;
top:-20px;
line-height:20px;
width:100%;
text-align:center;
}
#height
{
position:absolute;
top:50%;
margin-top:-10px;
line-height:20px;
left:110%;
}
#wrap
{
margin:120px auto;
width:640px;
}
h2
{
font-size:18px;
font-weight:normal;
float:left;
margin:0;
margin-right:20px;
padding:9px 0;
}
#box
{
float:left;
width:96px;
height:36px;
border:1px dotted #ac3;
position:relative;
background: url('a-icon-alt-slideshow.png') center center no-repeat;
}
</style>
<div id="wrap">
<h2>Displaying images at least</h2>
<div id="box">

<div id="width">960px</div>
<div id="height">360px</div>

</div>

</div>

</body>
</html>

Changed 23 months ago by rickybanister

constraints comp

Changed 23 months ago by geoffd

The other part of this issue is to show the other images but to gray them out or something so they can't be selected.

It can't be the same way we indicate that an image in a slideshow, though.

Changed 23 months ago by johnnyoffline

We could make messages like the three little pigs

"WOOooo! This Image is TOOOooo SMALLll!"

"Ohh My, This Image is toooo big!"

OR

We could have themes!

a_media_library_theme: "2001: A Space Odyssey"

"I'm afraid I can't do that"

"What are you doing, <Username>"

Changed 23 months ago by rickybanister

  • owner changed from rickybanister to johnnyoffline
  • status changed from new to assigned

Changed 21 months ago by boutell

  • milestone changed from 1.4 to 1.5

Changed 17 months ago by geoffd

  • keywords ui, 1.5rc added; ui removed

Changed 17 months ago by tboutell

Might this be considered minor now that we have cropping and the only unacceptable image is a too-tiny image?

The problem with a graphical representation is that it has to be a scaled representation to fit the layout (like you say, 100x100)... but the only thing we care about is the literal size (the shape doesn't matter anymore, you can crop to get the shape).

We can put dimensions on a rectangle instead of just saying X by Y, but how much does that really help a person who just doesn't "get" minimum pixel sizes?

Or perhaps the constraint rectangle is shown to help you understand why you must crop?

Changed 17 months ago by geoffd

Tom, good points. You just reminded me that John and I had a conversation about this issue. John we working on cleaning up the messaging related to photo selection in the media section.

It was not going to be a graphical representation.I honestly forget what it was, but we both were really pumped about it at the time.

I wanted to move this up so that we cleaned up the messaging around this issue, not necessarily doing the graphical representation. (And then closing this.)

Changed 17 months ago by tboutell

The messaging has been cleaned up a lot already IMHO by just displaying the minimum size and no other constraint (since everything else can be achieved through cropping).

Note however that the more verbose messaging is still very much present in the system for when you're selecting something other than an image. Constraints can also be applied to videos etc. which cannot be cropped. But we hardly ever constrain them, so it's probably not a priority to sass up how we express that.

Changed 16 months ago by rickybanister

  • status changed from assigned to closed
  • resolution set to wontfix

Unless anyone has more information or wants to pursue this idea further, I think I can close the ticket.

-- John

Note: See TracTickets for help on using tickets.