Copied to clipboard

Flag this post as spam?

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

  • sam how 19 posts 99 karma points
    Apr 25, 2023 @ 03:33
    sam how

    how to render block list inside block list in umbraco

    How to render block list inside block list? For example I have Block List named Link and inside it I also have a Block List named Sub Link. How can I render the Sub Link. The Links are already rendering but I'm having hard time rendering the Sub Links.

  • Dhanesh Kumar MJ 158 posts 512 karma points MVP c-trib
    Apr 25, 2023 @ 06:30
    Dhanesh Kumar MJ

    Helo sam,

    If you want to create navigation like this

    • MainNav1
      • Sub Nav1
      • Sub Nav2
    • MainNav2
      • Sub Nav1
      • Sub Nav2

    Then you can create one blocklist with a property to add sub links like below.

    enter image description here


      @inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<Umbraco.Cms.Core.Models.Blocks.BlockListItem>
        //get the content model
            var contentModel = Model.Content as ElementHero(elementType);
        //get the settings model
            var settingsModel = Model.Settings as BlockSettings;
    var subNavs=contentModel.SubNavs
        <header class="masthead @settingsModel.AdditionalClasses" style="background-image:url('@contentModel.Image.Url()')">
            <div class="container">
                <div class="title text-uppercase">@contentModel.Title</div>
                <a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" target="@contentModel.CallToActionLink.Target" href="@contentModel.CallToActionLink.Url">@contentModel.CallToActionLink.Name</a>
                <div class="subNav"> 
        @foreach(var subNavItem in subNavs) {
                  <a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger subnavs" target="@subNavItem.Target" href="@subNavItem.Url">@subNavItem.Name</a>
     </header> }

    Doc here :

Please Sign in or register to post replies

Write your reply to: