Images on Cards options

Avatar

Avatar

JeffBurrows

Avatar

JeffBurrows

JeffBurrows

07-04-2016

Unless I'm missing something, when you design a "card" and specify where the image should be, you can't customize the way the image gets rendered.

In HTML, when you have an image in a container, you can say how you want the image to resize (or not), what coordinates you want it to align from, etc.

All of these CSS options really need to be accessible when you design a card!

Accepted Solutions (0)

Answers (5)

Answers (5)

Avatar

Avatar

JeffBurrows

Avatar

JeffBurrows

JeffBurrows

08-04-2016

At the very least:

Align Options:  top-left, top-center, or absolute center

Scale Options: fit-to-height, fit-to-width, fit all, specify percent, or none

Crop Options: would be determined by scale setting


These are the things that the average web designer can do with CSS.


Another option would be: have an "advanced" which would just let the user enter the CSS that should be applied...

Avatar

Avatar

andreig1004688

Employee

Avatar

andreig1004688

Employee

andreig1004688
Employee

08-04-2016

Hi,

We indeed are planning to provide better control for image cropping.

JeffBurrows‌ , besides the already available center cropping, what other cropping options you'd want to use on cards?

Thanks,
Andrei

Avatar

Avatar

JeffBurrows

Avatar

JeffBurrows

JeffBurrows

08-04-2016

Among other things, if you use an article in more than one collection, and that collections use different templates, your image will look wrong in one of them.

Similarly, if you use a different template for phones and tablets, the original image will look wrong in one of them.

The arbitrary "cropped, centered, and scaled" is not a good solution.

Again, if I am missing some effective work-around for this, please let us know!

Avatar

Avatar

Bob_Bringhurst_

Employee

Avatar

Bob_Bringhurst_

Employee

Bob_Bringhurst_
Employee

08-04-2016

Right now, the card image is cropped, centered, and scaled to fill the image area of the card. I don't know when we'll offer more control over how the image is displayed within the card. Perhaps someone else will chime in.

Avatar

Avatar

rperez_bonnier

Avatar

rperez_bonnier

rperez_bonnier

08-04-2016

Many agree. I thought this was on the road map.