getting cropurl from specific node id

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

MB 273 posts 936 karma points

Jul 31, 2019 @ 16:24
0

Getting CropURL from specific node ID

Using Umbraco And Getting Started

Umbraco 7
Hi guys,

I'm using Umbraco 7.14.0 and attempting to get a crop url. It's getting pretty frustrating because I can find many solutions online but none of them work for me.
- On each category page I have a property entitled dropdownImage
- I also have a crop alias of dropdown
- So on each menuItem I would like to see IF there is a image and if so - display the cropped image. It might just be my lack of experience but I can't believe how challenging it is to display a cropped image.
(ignore this line, the editor goes crazy if I delete it)
```
@foreach (IPublishedContent menuItem in menuItems.Where(x => x.GetPropertyValue<bool>("umbracoNaviHide") == false))
            {
                var mediaItem = Umbraco.TypedContent(menuItem.Id).GetPropertyValue("dropdownImage");
                if (mediaItem != null)
                {
                    <img src="@menuItem.GetCropUrl("dropdownImage", "dropdown")" />
                }
            }
```
// Mike
Copy Link

Marc Goodson 2141 posts 14324 karma points MVP 8x c-trib

Jul 31, 2019 @ 20:25

Hi Mike

Try

@foreach (IPublishedContent menuItem in menuItems.Where(x => x.IsVisible())
            {
                var mediaItem = menuItem.HasValue("dropdownImage") ? menuItem.GetPropertyValue<IPublishedContent>("dropdownImage") : default(IPublishedContent);
                if (mediaItem != null)
                {
                    <img src="@(mediaItem.GetCropUrl("Dropdown"))" />
                }
            }

Now if the MediaPicker allows you to pick multiple images then it will return an enumerable of multiple images so to use the first you would have:

 var mediaItem = menuItem.HasValue("dropdownImage") ? menuItem.GetPropertyValue<IEnumerable<IPublishedContent>>("dropdownImage") .FirstOrDefault(): default(IPublishedContent);

regards

Marc

Copy Link

MB 273 posts 936 karma points

Aug 04, 2019 @ 08:11

0

Hi Marc!

Something happened because the bool return true now so I can actually get inside the if-statement.

However the URL is still "unknown". I'm not sure if I'm running around in circles but the property alias "dropdownImage" is correct and the cropURL is correct "dropdown".

I also made sure that all media files is "included in project" in my visual studio.

You can see the backend values here: https://screenpresso.com/=KVGU

// Mike

Copy Link
Marc Goodson 2141 posts 14324 karma points MVP 8x c-trib

Aug 04, 2019 @ 19:53

0

Hi Mike nearly there...

Unfortunately typo in my reply - updated!

Should be

mediaItem.GetCropUrl("banner")

:-( #h5is

Copy Link
is working on a reply...

Please Sign in or register to post replies

Flag this post as spam?