Problem/Motivation

On "admin/config/media/image-styles/", which shows all defined image styles with the columns Style Name and Operations, it would be nice to have an additional column listing the style/effect type listed, i.e. scaled 100xx100 or cropped 100x120 etc. As it is now one must edit each style individually to find out the actual size and/or style.

Proposed resolution

Remaining tasks

User interface changes

Yes.

API changes

No.

Data model changes

No.

CommentFileSizeAuthor
#21 1090302-image-styles-upscale-off-and-on.png13.13 KBwturrell
#19 show_image_style-1090302-19.patch1.23 KBjofitz
#14 show_image_style-1090302-14.patch1.26 KBalansaviolobo
#9 image-styles-too-busy.png19.18 KBdonutdan4114
#8 new-image-style-look.png9.87 KBdonutdan4114
#8 d7-1090302-image_style_effects-8.patch1.43 KBdonutdan4114
#8 interdiff.txt1.26 KBdonutdan4114
#6 image-style-page.png9.7 KBdonutdan4114
#4 1090302-image_style_effects-4.patch1.12 KBnaught101
#3 drupal-image-1090302-list-effects-3.patch1.47 KBnaught101

Comments

naught101’s picture

naught101 commented
Assigned: Unassigned » naught101

sub, I will try to make a patch for this when I get time.

decibel.places’s picture

decibel.places commented
Title: List styling option » List styling effects on admin page
Issue tags: +image styles, +image-styles

"List styling option" as a title sounds like add an option to style the images in a list.

Since I dutifully searched before duplicating the request to add the actual effect to the admin page at admin/config/media/image-styles - and I luckily read this issue - I am respectfully changing the title in hope that it is clearer.

naught101’s picture

naught101 commented
Status: Active » Needs review
StatusFileSize
new drupal-image-1090302-list-effects-3.patch1.47 KB

How about some of this?

naught101’s picture

naught101 commented
Version: 7.0 » 8.x-dev
StatusFileSize
new 1090302-image_style_effects-4.patch1.12 KB

Moving to 8.x, since I guess this isn't going to get in to D7 any time soon.

naught101’s picture

naught101 commented
Title: List styling effects on admin page » Show image style effects on admin page
donutdan4114’s picture

donutdan4114 commented
StatusFileSize
new image-style-page.png9.7 KB

For D7, not sure why double values are shown, but it is confusing.

Image styles

naught101’s picture

naught101 commented

donutdan4114: try removing the . from the .=, that should fix it, although I'm not sure what the proper behaviour should be there.

donutdan4114’s picture

donutdan4114 commented
Version: 8.x-dev » 7.x-dev
StatusFileSize
new interdiff.txt1.26 KB
new d7-1090302-image_style_effects-8.patch1.43 KB
new new-image-style-look.png9.87 KB

Some changes that make the image styles more clear.

image styles

donutdan4114’s picture

donutdan4114 commented
Version: 7.x-dev » 8.x-dev
StatusFileSize
new image-styles-too-busy.png19.18 KB

The version with a separate column is nice, but with everything just on one line, becomes hard to read:
image styles

My suggestion is that each "effect" goes on a new line, easier to read that way.

naught101’s picture

naught101 commented
Issue tags: +Needs usability review

Tagging

The last style in your example could get quite high with one effect per line.

Bojhan’s picture

Bojhan commented

I am not sure about this idea. When you have a bunch, finding the distinction from the details is very hard. Ideally the title should be informative enough.

naught101’s picture

naught101 commented

I think it would be rare to run more than a 3-5 filters on an image. Even some stupid fancy ye-olde polaroid-style is only going to have a few (trim and resize; colour filter, add noise, add frame, rotate, dropshadow).

For most general use styles, the really important thing to note is the final image size. The default styles have this in the style name, which is redundant information, but currently necessary, because the effects aren't listed (unfortunately, these patches won't help in other places where it would be good to know sizes, like in the Media module's image adder).

yoroy’s picture

yoroy commented
Issue tags: -Needs usability review +Usability

I know I add dimensions to the style name itself. It's the most important bit of extra info and you can fit it into the title. All the other ones are a bit too much for this level in the information architecture.

alansaviolobo’s picture

alansaviolobo commented
Issue summary: View changes
StatusFileSize
new show_image_style-1090302-14.patch1.26 KB

reroll

Version: 8.0.x-dev » 8.1.x-dev

Drupal 8.0.6 was released on April 6 and is the final bugfix release for the Drupal 8.0.x series. Drupal 8.0.x will not receive any further development aside from security fixes. Drupal 8.1.0-rc1 is now available and sites should prepare to update to 8.1.0.

Bug reports should be targeted against the 8.1.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.2.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.1.x-dev » 8.2.x-dev

Drupal 8.1.9 was released on September 7 and is the final bugfix release for the Drupal 8.1.x series. Drupal 8.1.x will not receive any further development aside from security fixes. Drupal 8.2.0-rc1 is now available and sites should prepare to upgrade to 8.2.0.

Bug reports should be targeted against the 8.2.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.3.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

wturrell’s picture

wturrell commented
Assigned: naught101 » Unassigned

Unassigning due to passage of time (see Assigning Ownership)

wturrell’s picture

wturrell commented
Issue summary: View changes
Status: Needs review » Needs work
Issue tags: +Needs reroll

- Patch no longer applies in 8.2.x.
- Converted issue summary to template
- Edited problem statement including referring to the D8 rather D7 URL

jofitz’s picture

jofitz
he/him
commented
Status: Needs work » Needs review
Issue tags: -Needs reroll
StatusFileSize
new show_image_style-1090302-19.patch1.23 KB

Reroll.

Version: 8.2.x-dev » 8.3.x-dev

Drupal 8.2.6 was released on February 1, 2017 and is the final full bugfix release for the Drupal 8.2.x series. Drupal 8.2.x will not receive any further development aside from critical and security fixes. Sites should prepare to update to 8.3.0 on April 5, 2017. (Drupal 8.3.0-alpha1 is available for testing.)

Bug reports should be targeted against the 8.3.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.4.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

wturrell’s picture

wturrell commented
Status: Needs review » Needs work
StatusFileSize
new 1090302-image-styles-upscale-off-and-on.png13.13 KB

Patch applies successfully to 8.3.x, and works.

If we're going to display options, it's not very useful to show those that aren't selected.
We could do better than "1' for those which are turned on, e.g. "allow upscaling" or "upscaling" rather than "upscale: 1".
We could also convert "width: 480, height: 480" to 480x480, though (as mentioned in #12) note with a default install the dimensions are in the style name anyway, which I suspect encourages people to add them for any new styles they create.

Note the Edit page does some of this already, e.g. /admin/config/media/image-styles/manage/medium shows:

Scale 220×220 (upscaling allowed)

Meanwhile here's a screenshot with the patch, where we have two image styles, "allow upscaling" checked on the second.

Screenshot upscaling off/on

Personally, I think I'd scrap the options and just list effect names for simplicity, so just "image_scale" (or better, "scale"). If you need more detail you're only a click away.

yoroy’s picture

yoroy commented
Version: 8.3.x-dev » 8.4.x-dev

I wonder who *doesn't* use the dimensions as (part of) the style name :) Are we really that interested in all the other possible effects? I worry we're front-loading too much information, cluttering the list with relatively cryptic textual information that will be much clearer to understand by seeing the actual demo that is one click away.

Version: 8.4.x-dev » 8.5.x-dev

Drupal 8.4.0-alpha1 will be released the week of July 31, 2017, which means new developments and disruptive changes should now be targeted against the 8.5.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.5.x-dev » 8.6.x-dev

Drupal 8.5.0-alpha1 will be released the week of January 17, 2018, which means new developments and disruptive changes should now be targeted against the 8.6.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.6.x-dev » 8.7.x-dev

Drupal 8.6.0-alpha1 will be released the week of July 16, 2018, which means new developments and disruptive changes should now be targeted against the 8.7.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.7.x-dev » 8.8.x-dev

Drupal 8.7.0-alpha1 will be released the week of March 11, 2019, which means new developments and disruptive changes should now be targeted against the 8.8.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.8.x-dev » 8.9.x-dev

Drupal 8.8.0-alpha1 will be released the week of October 14th, 2019, which means new developments and disruptive changes should now be targeted against the 8.9.x-dev branch. (Any changes to 8.9.x will also be committed to 9.0.x in preparation for Drupal 9’s release, but some changes like significant feature additions will be deferred to 9.1.x.). For more information see the Drupal 8 and 9 minor version schedule and the Allowed changes during the Drupal 8 and 9 release cycles.

Version: 8.9.x-dev » 9.1.x-dev

Drupal 8.9.0-beta1 was released on March 20, 2020. 8.9.x is the final, long-term support (LTS) minor release of Drupal 8, which means new developments and disruptive changes should now be targeted against the 9.1.x-dev branch. For more information see the Drupal 8 and 9 minor version schedule and the Allowed changes during the Drupal 8 and 9 release cycles.

Version: 9.1.x-dev » 9.2.x-dev

Drupal 9.1.0-alpha1 will be released the week of October 19, 2020, which means new developments and disruptive changes should now be targeted for the 9.2.x-dev branch. For more information see the Drupal 9 minor version schedule and the Allowed changes during the Drupal 9 release cycle.

Version: 9.2.x-dev » 9.3.x-dev

Drupal 9.2.0-alpha1 will be released the week of May 3, 2021, which means new developments and disruptive changes should now be targeted for the 9.3.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.3.x-dev » 9.4.x-dev

Drupal 9.3.0-rc1 was released on November 26, 2021, which means new developments and disruptive changes should now be targeted for the 9.4.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.4.x-dev » 9.5.x-dev

Drupal 9.4.0-alpha1 was released on May 6, 2022, which means new developments and disruptive changes should now be targeted for the 9.5.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.5.x-dev » 10.1.x-dev

Drupal 9.5.0-beta2 and Drupal 10.0.0-beta2 were released on September 29, 2022, which means new developments and disruptive changes should now be targeted for the 10.1.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 10.1.x-dev » 11.x-dev

Drupal core is moving towards using a “main” branch. As an interim step, a new 11.x branch has been opened, as Drupal.org infrastructure cannot currently fully support a branch named main. New developments and disruptive changes should now be targeted for the 11.x branch, which currently accepts only minor-version allowed changes. For more information, see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

candelas’s picture

candelas commented

Can someone make a patch for Drupal 11 and 10.
This is a very good help when you have many styles.
Thanks :)

Version: 11.x-dev » main

Drupal core is now using the main branch as the primary development branch. New developments and disruptive changes should now be targeted to the main branch.

Read more in the announcement.