Hi There,

I am trying to get the first image from a multiple media selector control. I am doing this in a partial View that gets all the children of type "Listing" and displays a widget of the listing with the first image in the Images property .

I built the partial view from one of the templates in umbraco and I am using version 7.5.3. There are no customisations and this is a fresh install.

Any assistance will be greatly appreciated.

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage

@{  var selection = CurrentPage.Children("listing").Where("Visible"); }
@if (selection.Any())
{
    <ul>
        @foreach (var item in selection)
        {
            if (item.sold == false) 
            {
            if (item.HasValue("images"))
            {
                var firstImageId = item.GetPropertyValue<string>("images").Split(new string[] {","}, StringSplitOptions.RemoveEmptyEntries).Select(int.Parse).FirstOrDefault();
                var firstImage = Umbraco.TypedMedia(firstImageId);

                if (firstImage != null)
                {
                    <li class="col-md-4 col-sm-6 md-margin-bottom-30">
                        <div class="easy-block-v1">
                            <img class="img-responsive" src="@firstImage.Url" alt="listing image">
                            <div class="easy-block-v1-badge bg-color-justin">@item.Name</div>
                        </div>
                        <div class="block-grid-v2-info rounded-bottom">
                            <div class="row">
                                <div class="col-sm-12 listing-icons">
                                    <p class="dp-inline-block margin-right-20"><i class="fa fa-bed"></i> 3</p>
                                    <p class="dp-inline-block margin-right-20"><i class="fa fa-bed"></i> 3</p>
                                    <p class="dp-inline-block margin-right-20"><i class="fa fa-bed"></i> 3</p>
                                    <p class="dp-inline-block"><i class="fa fa-bed"></i> 3</p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-12 text-left">
                                    <h3>@item.address</h3>
                                    <p class="dp-inline-block">
                                        <strong>Available</strong> @item.dateAvailable.ToString("")<br />
                                        <strong>Inspection</strong> @item.inspection
                                    </p>
                                    <a href="@item.Url" class="btn-u pull-right dp-inline-block">More...</a>
                                </div>
                            </div>
                        </div>
                    </li>
                }
            }
        }
    }
</ul>

}