Hi @julioro,

Since you've used composite="{Boolean}true" in your multifield and saved each item as a child node (eg. item0, item1, ...), accessing it purely via HTL without a Sling Model becomes limited, but it's still possible using resource.getChildren.

Here’s how you can iterate over the child nodes of the multifield path (tiles) in your component's HTML file:

 
However, as a best practice - my recommendation would be to go with Sling Model, here’s why Sling Models are preferred:

• Cleaner HTL: Business logic (like sorting, filtering, transforming) can be handled in Java.

• Better error handling: You can validate presence of fields and fallback defaults.

• Reusable data access: A Sling Model can be reused across components or templates.

• Unit testability: Logic in Sling Models can be unit tested, HTL can't.

Example (just for reference):

@Model(adaptables = Resource.class)
public class TileComponent {
    @ValueMapValue
    private String itemTitle;
    
    // Getters...
}

Then in HTL:

<ul data-sly-list.item="${tileModel.tiles}">
  <li>${item.itemTitle}</li>
</ul>

This isn’t working

<ul data-sly-list.item="${resource.getChild('tiles').listChildren}">
    <li>${item.getValueMap['itemTitle']}</li>
</ul>

I’m getting an error.

org.apache.sling.scripting.sightly.SightlyException: org.apache.sling.api.SlingException: Cannot get DefaultSlingScript: org.apache.sling.scripting.sightly.SightlyException: org.apache.sling.api.scripting.ScriptEvaluationException: ${resource.getChild('tiles').listChildren}: mismatched input '(' expecting {'}', '@'} in /apps/project/components/contenttilegrid/contenttilegrid.html at line number 39 at column number 64

Here’s the content from CRXDE.