I am trying to use data-sly-repeat and need to define the max item to repeat. I though I could use the following HTL but if i replace the number with properties from the dialog (maxItems - sling:resourceType="granite/ui/components/coral/foundation/form/numberfield"), the component breaks with error ...

Thanks Arun. Is it the same case for data-sly-repeat/data-sly-list in a class attribute?

Thanks Arun. Do I understand correctly that there is no way using existing HTL logic to achieve data-sly-list/data-sly-repeat in a data attribute element? Only way to achieve this is via JS Use API or Java Sling modal?

For 6.4.2 with HTL code:<div data-sly-repeat.tag="${item.tags}">  <a>${tag.name}</a></div>This will output<div><a>tag-1</a><a>tag-2</a></div>I am trying to achieve the following1) How can I add a comma between the list?<a>tag-1</a>,<a>tag-2</a>2) How to have the repeat in a data attribute?I am tryin...

Thanks, Arun. The idea was to use the AEM grid Layout to resize. But if is not possible had to go with cq:dialog settings.

When a component is added to a page via the Layout Container, you can resize the component and the width will snap to the grid.Similar if the component contains a data-sly-resource referencing to another component.My question is, if is possible to have the same resizing snap to grid for a property a...

Thanks for your quick response.Since the component already has a reference to inheritance(sling:resourceSuperType), I could not use that.The properties value will be independent per page so would not set it as design dialog.Maybe I can use the same JS Use API as suggested in cq5 - Multiple propertie...

I understand that is possible re-use tab in cq:dialog in multiple components, using sling:resourceType: granite/ui/components/foundation/include For example:path:  foundation/components/page/cq:dialog/content/items/tabs/items/basic sling:resourceType: granite/ui/components/foundation/includeMy quest...

Combining both data-sly-list and data-sly-test, I am able to custom render the html output based on the multi selection. Thanks a lot for the inspiration! <sly data-sly-list.type="${properties.inputField}">  <sly data-sly-test="${type == 'emailAddress'}">  <div class="form-group">  <input type="emai...

Thanks for the advice. I am trying to use only HTL avoiding sling model