question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

V8: Media crop inside Grid

See original GitHub issue

I’m in the middle of migrating an Umbraco 7 blog to Umbraco 8, and in V7 project i have created an new grid editor of the media editor which has a size set, like this 😃

{
    "name": "Image",
    "alias": "croppedMedia",
    "view": "media",
    "icon": "icon-picture",
    "config": {
        "size": {
            "width": 700,
            "height": 468
        }
    }
}

The would give me the URL like this, /media/1005/image.jpgwidth=700&height=468&center=0.601973684210526,0.470454545454545&mode=crop

Where in V8 i get this URL, /media/rikf2vfz/image.jpg?width=700&height=468

So it does not parse the center or mode parameters which results in some strange images 😢 And the editor does not work properly, it stretches the preview image inside Umbraco

Bug summary

So the config section in an grid editor does get ignored and the preview image inside the editor looks either stretched or funky because of what i guess is the missing “mode”.

Specifics

I’m using Umbraco 8.0.0, and Chrome 72.0.3626.121 and have tested in other browsers aswell

Steps to reproduce

Insert this in the grid.editor.config.js file or in an package,

"config": {
            "size": {
                "width": 700,
                "height": 468
            }
        }

Then try to use the editor in the grid

Expected result

I did expect a result like this,

screenshot 2

Actual result

But i got this 😢

screencapture-localhost-16880-umbraco-2019-03-07-21_50_11

screenshot

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:1
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
nul800sebastiaancommented, Mar 14, 2019

Hmm, looks like a bug indeed!

0reactions
umbrabotcommented, Feb 22, 2022

Hiya @AndersBrohus,

Just wanted to let you know that we noticed that this issue got a bit stale and might not be relevant any more.

We will close this issue for now but we’re happy to open it up again if you think it’s still relevant (for example: it’s a feature request that’s not yet implemented, or it’s a bug that’s not yet been fixed).

To open it this issue up again, you can write @umbrabot still relevant in a new comment as the first line. It would be super helpful for us if on the next line you could let us know why you think it’s still relevant.

For example:

@umbrabot still relevant This bug can still be reproduced in version x.y.z

This will reopen the issue in the next few hours.

Thanks, from your friendly Umbraco GitHub bot 🤖 🙂

Read more comments on GitHub >

github_iconTop Results From Across the Web

Crop Overlay Grid Question
I am not seeing that in v8.4. I have selected each one of the options ... Press the crop tool and my usual...
Read more >
Cropping Elements - Foundry Learn
To crop a frame is to cut out the unwanted portions of the image area. ... Click Transform > Crop to insert a...
Read more >
How to Crop image in Circle Shape with Grid inside Circle
I find one solution , we can use UIGraphicsGetCurrentContext in CropView and use addEllipse method to draw Circle inside CropView.
Read more >
Grid | Components | Vaadin Docs
Vaadin Grid is a component for displaying tabular data, including various ... A basic grid uses plain text to display information in rows...
Read more >
Is it possible to display the height of all images the same ...
... Grid and I'm finding it hard to find out how to do it so all the heights of the images are the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found