contentpicker2 umbraco 763 grab all items - Templates, (partial) views and macros

Rylan 67 posts 251 karma points

Jun 23, 2017 @ 18:03

Contentpicker2 | Umbraco 7.6.3 - Grab all items

Umbraco 7

Is it possible to grab more than one item? I can't seem to figure it out, I just got it to pull a single image, which to me doesn't make too much sense.

Code

  @{
                    var typedMediaPickerSingle = Model.Content.GetPropertyValue<IPublishedContent>("pageGrab");
                    if (typedMediaPickerSingle != null)
                    {
                        <img src="@typedMediaPickerSingle.Url" style="width:200px" alt="@typedMediaPickerSingle.GetPropertyValue("alt")" />
                    }
                }

It's kind of similar to related items that will show the image, name, and description.

Thanks for your time.

Copy Link

Alex Skrypnyk 6132 posts 23951 karma points MVP 7x admin c-trib

Jun 23, 2017 @ 20:34

Hi Rylan

If you use multiple media picker and want to render it, use this code:

var typedMediaPickerItems = Model.Content.GetPropertyValue<IEnumerable<IPublishedContent>>("pageGrab");

Thanks,

Alex

Copy Link

Rylan 67 posts 251 karma points

Jun 27, 2017 @ 22:54

Thanks for the reply Alex.

I could get the loop working for @item.name, but couldn't get a image to be pulled dynamically from the content. Any suggestions?

@{
    var typedMediaPickerItems = Model.Content.GetPropertyValue<IEnumerable<IPublishedContent>>("pageGrab");
}
    @foreach (var item in typedMediaPickerItems){
               <div class="col-sm-4 text-center">
                   @if(item.HasValue("mainImage")){
                        var mainImg = item.mainImage;
                        <img src="@mainImg.Url" alt="@mainImg.Name" />
                    }
                   <p>@item.Name</p>
               </div>
            }

Copy Link

Alex Skrypnyk 6132 posts 23951 karma points MVP 7x admin c-trib

Jun 28, 2017 @ 07:52

Hi Rylan

Try this code:

        var mainImg = item.GetPropertyValue<IPublishedContent>("mainImage");
        <img src="@mainImg.Url" alt="@mainImg.Name" />

Copy Link

Rylan 67 posts 251 karma points

Jun 28, 2017 @ 15:00

enter image description here

If I move the variable down: enter image description here

Copy Link

Alex Skrypnyk 6132 posts 23951 karma points MVP 7x admin c-trib

Jun 29, 2017 @ 10:12

Rylan, try this code:

@{
    var typedMediaPickerItems = Model.GetPropertyValue<IEnumerable<IPublishedContent>>("pageGrab");
}
@foreach (var item in typedMediaPickerItems)
{
    <div class="col-sm-4 text-center">
        @{
            var mainImg = item.GetPropertyValue<IPublishedContent>("mainImage");
        }
        @if (mainImg != null)
        {
            <img src="@mainImg.Url" alt="@mainImg.Name" />
        }
        <p>@item.Name</p>
    </div>
}

Copy Link

Rylan 67 posts 251 karma points

Jun 30, 2017 @ 15:27

No Luck Alex. I'm building this on the web platform. I am not using Visual Studio.

enter image description here

here is all my code.

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@{
    Layout = "BasePage.cshtml";
    @*var typedMediaPickerItems = Model.Content.GetPropertyValue<IEnumerable<IPublishedContent>>("pageGrab");*@
}
<div class="main">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                @* CURRENT PAGE MAIN IMAGE *@
                @if(CurrentPage.HasValue("mainImage")){
                    var pgImg = CurrentPage.mainImage;
                    <img src="@pgImg.Url" alt="pgImg.Name" />
                }
                <h2>@CurrentPage.contentTitle</h2>
                @CurrentPage.content
            </div>
        </div>
        <div class="row">
            @*
               @foreach (var item in typedMediaPickerItems){
               <div class="col-sm-4 text-center">
                    var mainImg = item.GetPropertyValue<IPublishedContent>("mainImage");
                    <img src="@mainImg.Url" alt="@mainImg.Name" />
                   <a href="@item.Url">@item.Name</a>
               </div>
            }
            *@
            @{
                var typedMediaPickerItems = Model.GetPropertyValue>("pageGrab");
            }
            @foreach (var item in typedMediaPickerItems){
                var mainImg = item.GetPropertyValue("mainImage");
                if(mainImg != null){
                    <img src="@mainImg.Url" alt="@mainImg.Name" />
                }
                @item.Name
            }
        </div>
    </div>
</div>

Copy Link

Nik 1593 posts 7151 karma points MVP 6x c-trib

Jun 30, 2017 @ 17:06

Hi Rylan,

You've got a stray > on this line here:

 var typedMediaPickerItems = Model.GetPropertyValue>("pageGrab");

Try:

 var typedMediaPickerItems = Model.GetPropertyValue("pageGrab");

Copy Link

Rylan 67 posts 251 karma points

Jun 30, 2017 @ 17:11

Yeah thought it was intentional. I removed it after I saw it but still didn't work!

enter image description here

Copy Link

Mark Bowser 273 posts 860 karma points c-trib

Jun 30, 2017 @ 17:42

Try saying Model.Content.GetPropertyValue<IEnumerable<IPublishedContent>>("pageGrab");

If the Model is a RenderModel, the Model.Content will give you an IPublishedContent usually representing the current page in umbraco unless you've done some route hijacking or something interesting like that. The IPublishedContent should have the .Url, .Name, and .GetPropertyValue(...) on it.

Copy Link

Rylan 67 posts 251 karma points

Jun 30, 2017 @ 17:51

Thanks Mark, that gave me more insight and it worked!

Here is the solution:

 @{
            var typedMediaPickerItems = Model.Content.GetPropertyValue<IEnumerable<IPublishedContent>>("pageGrab");
        }
        @foreach (var item in typedMediaPickerItems){
            <div class="col-sm-4">
                @if(item.HasValue("mainImage")){
                    var mainImg = item.GetPropertyValue<IPublishedContent>("mainImage");
                    <img src="@mainImg.Url" alt="mainImg.Name" />
                }
                @item.Name
            </div>
        }

Copy Link

is working on a reply...

Flag this post as spam?

Contentpicker2 | Umbraco 7.6.3 - Grab all items

Code