Skip to main content
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

7 replies

Prince_Shivhare
Prince_Shivhare
New Participant
April 17, 2019

please check this multifield article.

Creating a Tab layout component for Adobe Experience Manager

Also use coral ui multifield in replace of that.

    manpreetk
    manpreetkAuthor
    New Participant
    April 17, 2019

    <sly                        data-sly-list="${resource.children}">         

    • ${item.linkText}
    smacdonald2008
    smacdonald2008
    New Participant
    April 17, 2019

    Follow that article referenced above and you will see exactly how it works.

    For a MF - you need to inject the MF node into the SLing MODEL (as shown in the article) - if you do not - it will not work. I recommend following it EXACTLY step by step - and you will see how it works,

    manpreetk
    manpreetkAuthor
    New Participant
    April 17, 2019

    Hi smacdonald2008, I tried using the below sightly code for my multifield component.         

    • ${item.linkText}

        where linkText is my multifiled node name. wont't this be the correct approach?

    manpreetk
    manpreetkAuthor
    New Participant
    April 17, 2019

    Hi , Is there any alternative way, writing some javascript code and fetching the values?

    smacdonald2008
    smacdonald2008
    New Participant
    April 17, 2019

    Best way is to use SLing Model and inject the MF into the model and read the values in HTL.

    Why would you want to hack this by using Javascript when HTL is very easy to render the values entered into the Multifield?

    <div

        data-sly-use.multiItems="aem.community.mf.core.models.Multifield">

        <div data-sly-list.head="${multiItems.products.listChildren}">

            <div style="height:250px;"><img src=${head.pathbr} height=200 width=270 style="padding:4px"/><h2>${head.product}</h2>

                                 <p>${head.desc}</p>

                                 </div>

                                 <hr>

       </div>

    </div>

    Ravi_Pampana
    Ravi_Pampana
    New Participant
    April 17, 2019

    Hi,

    Below is the example of multi field component in AEM 6.4 using sightly

    Adobe Experience Manager Help | Creating a HTL Repeating Data Set 6.4 Component that uses Sling Models

    Terms & ConditionsAccessibility statement

    Loading footer...