umbraco n00b unable to render composition properties for children within foreach loop - Using Umbraco and getting started

Tim Bennett 23 posts 155 karma points

Aug 10, 2020 @ 11:27

Umbraco n00b - unable to render Composition Properties for children within foreach loop

Hiya!

I'm pretty new to Umbraco and MVC and so please excuse my stupidity and/or sloppy use of terminology!

I'm banging my head against the wall trying to get shared Properties from a Composition to render for children within a series of foreach loops.

Essentially, I have a blog (it's not a blog, but for argument's sake y'know) that has 4 categories that I'm rendering on the page as individual collections of Bootstrap Card-alike HTML objects.

To do this I've got four Document Types that all share the same Parent and pull their Properties from a single Composition. On the parent Template I've built 4 Queries, one for each category, and then perform a foreach to loop through the categories, and then a second foreach loop within the first to loop through the individual posts for each category and render them to page. This all works fine, my problem is that using @item.Value("something") to render any of the shared properties from the Composition do not render on the page. I can get a unique Property to render, and @item.Name will work too. As far as I can deduce, my loops are working, i.e. accessing the correct post instance, but the shared Properties are perhaps undefined because something about the loop is causing a conflict? I can see in dev tools that no code has been inserted into the HTML where it should be for those Properties. I can get the exact same inner foreach code to render correctly outside of the loop.

I hope this all makes sense, and thanking you in advance for any help!

Here is my code:

@{ var retouch = Umbraco.Content(Guid.Parse("941f42da-7a1d-4450-9dba-a679c3fbafb7")) .ChildrenOfType("retouchService") .Where(x => x.IsVisible());

var design = Umbraco.Content(Guid.Parse("941f42da-7a1d-4450-9dba-a679c3fbafb7"))
.ChildrenOfType("designService")
.Where(x => x.IsVisible());

var print = Umbraco.Content(Guid.Parse("941f42da-7a1d-4450-9dba-a679c3fbafb7"))
.ChildrenOfType("printService")
.Where(x => x.IsVisible());

var technical = Umbraco.Content(Guid.Parse("941f42da-7a1d-4450-9dba-a679c3fbafb7"))
.ChildrenOfType("technicalService")
.Where(x => x.IsVisible());
<!-- .// queries-->

<!-- array to store service names -->
string[] services = {"retouch", "print", "design", "techical"};
}

<!-- loop services in array-->
@foreach (var service in services)
    {
    string queryName = @service.ToString();

    <h1>@service</h1>

    <div class="container-fluid">
        <div class="row justify-content-center">
            <!-- loop service posts-->
            @foreach (var item in retouch)
            {
            var serviceDetails = item.Value("serviceDetails");
            var color = item.Value("color");
            <div class="col-12 col-md-6 col-lg-3 my-4">
                <div class="event" href="link.html">
                    <img class="img-fluid" src="https://via.placeholder.com/640" alt="@item.Name main image" />
                    <div class="content text-center">
                        <div class="col-12 d-inline upton">@item.Name</div>
                        <div class="rollover">
                            <p>@serviceDetails</p>
                            <div class="row">
                                <div class="col-12">
                                    <a href="/portfolio#@item.Name"><div class="rolllover-btn my-3">@item.Name portfolio</div></a>
                                </div>
                                <div class="col-12">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            } <!-- .//end service posts loop -->
        </div>
    </div><hr class="rainbow" />
    } <!-- .//end services loop-->

Flag this post as spam?

Umbraco n00b - unable to render Composition Properties for children within foreach loop