<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: How to pass the data in AEM? Syntax Error! in Adobe Experience Manager Questions</title>
    <link>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-pass-the-data-in-aem-syntax-error/m-p/459238#M132343</link>
    <description>&lt;P&gt;Hi&amp;nbsp;&lt;LI-USER uid="17458627"&gt;&lt;/LI-USER&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Can you please try changing item (data-label attribute value which marked in bold in below snippet) to properties ?&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;lt;template data-sly-template.mainbutton="${ @ properties}"&amp;gt;&lt;BR /&gt;&amp;lt;sly&amp;gt;&lt;BR /&gt;&amp;lt;span class="more-info-link" data-more-info="#" data-label="${&lt;STRONG&gt;item&lt;/STRONG&gt;.modalId}"&amp;gt;&lt;BR /&gt;&amp;lt;/span&amp;gt;&lt;BR /&gt;&amp;lt;div data-sly-test="${properties.modalFragmentPath}" class="${properties.modalBehavior == 'fullOverlay' ? 'fullscreen-overlay-wrap overlay-modal' : ''}"&lt;BR /&gt;id="${properties.modalId}"&amp;gt;&lt;BR /&gt;&amp;lt;sly data-sly-resource="${properties.modalFragmentPath}"&amp;gt;&lt;BR /&gt;&amp;lt;/sly&amp;gt;&lt;BR /&gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&amp;lt;/sly&amp;gt;&lt;BR /&gt;&amp;lt;/template&amp;gt;&lt;/P&gt;</description>
    <pubDate>Sun, 03 Jul 2022 01:19:20 GMT</pubDate>
    <dc:creator>pradeepmoolemane</dc:creator>
    <dc:date>2022-07-03T01:19:20Z</dc:date>
    <item>
      <title>How to pass the data in AEM? Syntax Error!</title>
      <link>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-pass-the-data-in-aem-syntax-error/m-p/459232#M132339</link>
      <description>&lt;P&gt;Actually, I am trying to pass the data in order to make the modal popup work. Here I am getting the modal popup through experience fragments.&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;First I created a template to show the modal popup. And I am passing the modal ID to match the experience fragment modal ID.&amp;nbsp; The code is given below&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="markup"&gt;&amp;lt;template data-sly-template.mainbutton="${ @ properties}"&amp;gt;
    &amp;lt;sly&amp;gt;
        &amp;lt;div data-sly-test="${properties.modalFragmentPath}" class="${properties.modalBehavior == 'fullOverlay' ? 'fullscreen-overlay-wrap overlay-modal' : ''}" id="${properties.modalId}"&amp;gt;
            &amp;lt;sly data-sly-resource="${properties.modalFragmentPath}"&amp;gt;&amp;lt;/sly&amp;gt;
        &amp;lt;/div&amp;gt;
    &amp;lt;/sly&amp;gt;    
&amp;lt;/template&amp;gt;&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Second I am calling the created template on the main HTML to show the modal popup. And the code is given below.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="markup"&gt;&amp;lt;sly data-sly-use.templates="core/wcm/components/commons/v1/templates.html"&amp;gt;&amp;lt;/sly&amp;gt;
&amp;lt;sly data-sly-set.totalItems="${0}"&amp;gt;&amp;lt;/sly&amp;gt;
&amp;lt;sly data-sly-list.child="${resource.listChildren}"&amp;gt;
    &amp;lt;sly data-sly-list.itemchildren="${child.listChildren}"&amp;gt;
        &amp;lt;sly data-sly-set.totalItems="${itemchildrenList.count}"&amp;gt;&amp;lt;/sly&amp;gt;
    &amp;lt;/sly&amp;gt;
&amp;lt;/sly&amp;gt;
&amp;lt;div class="slider-module-wrap ${properties.bgType == 'withBackground' ? 'has-bg' : ''}"&amp;gt;
    &amp;lt;div class="container"&amp;gt;
        &amp;lt;div class="row"&amp;gt;
            &amp;lt;div class="col-lg-8 col-md-6"&amp;gt;
                &amp;lt;div class="card-left"&amp;gt;
                    &amp;lt;div class="slider-wrap desktop"&amp;gt;
                        &amp;lt;div class="slider-content"&amp;gt;
                            &amp;lt;div class="input-wrap"&amp;gt;
                                &amp;lt;input type="range" class="range-input" name="packageInputName" id="packageInputId"
                                    step="1" value="" min="1" max="${totalItems}"
                                    oninput="packageOutputId.value = packageInputId.value"&amp;gt;
                            &amp;lt;/div&amp;gt;
                        &amp;lt;/div&amp;gt;
                        &amp;lt;ul class="range-data"&amp;gt;
                            &amp;lt;sly data-sly-list.slider="${resource.getChildren}"&amp;gt;
                                &amp;lt;li data-sly-repeat.item="${slider.getChildren}"&amp;gt;
									&amp;lt;span class="more-info-link" data-more-info="#" data-label="${item.modalId}"&amp;gt;&amp;lt;/span&amp;gt;
                                &amp;lt;/li&amp;gt;
                            &amp;lt;/sly&amp;gt;
                        &amp;lt;/ul&amp;gt;
                    &amp;lt;/div&amp;gt;
                &amp;lt;/div&amp;gt;
            &amp;lt;/div&amp;gt;
            &amp;lt;div class="col-lg-4 col-md-6"&amp;gt;
                &amp;lt;div class="card-right"&amp;gt;
                    &amp;lt;div class="data-card-wrapper"&amp;gt;
                        &amp;lt;div id="data-card-inner" class="data-card-inner"&amp;gt;
                            &amp;lt;div class="data-card-body"&amp;gt;
                                &amp;lt;div class="package-wrap third"&amp;gt;
                                    &amp;lt;div class="more-info-wrap"&amp;gt;
                                        &amp;lt;a 
                                            id="more-info" class="overlay-link"
                                            href="#" data-label="overlay"&amp;gt;
                                            &amp;lt;div class="more-title"&amp;gt;More Info&amp;lt;/div&amp;gt;
                                        &amp;lt;/a&amp;gt;
                                    &amp;lt;/div&amp;gt;
                                &amp;lt;/div&amp;gt;
                            &amp;lt;/div&amp;gt;
                        &amp;lt;/div&amp;gt;
                    &amp;lt;/div&amp;gt;
                &amp;lt;/div&amp;gt;
            &amp;lt;/div&amp;gt;
        &amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;sly data-sly-use.mainbtntemplate="/apps/components/nwt-smb/common/dialog/moreinfobutton/moreinfobutton.html"
data-sly-call="${mainbtntemplate.mainbutton @ properties=item}"&amp;gt;
&amp;lt;/sly&amp;gt;
&amp;lt;sly data-sly-call="${templates.placeholder @ isEmpty = wcmmode.edit}" /&amp;gt;&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Now, the problem is I am not able to pass the data perfectly to make the popup work. The issue is from the template which I created. Modal ID is not showing on the experience fragment. I don't know where I made the mistake.&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;I would really appreciate it If someone helps me to solve this.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Sun, 03 Jul 2022 11:49:34 GMT</pubDate>
      <guid>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-pass-the-data-in-aem-syntax-error/m-p/459232#M132339</guid>
      <dc:creator>Ameen_Dev</dc:creator>
      <dc:date>2022-07-03T11:49:34Z</dc:date>
    </item>
    <item>
      <title>Re: How to pass the data in AEM? Syntax Error!</title>
      <link>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-pass-the-data-in-aem-syntax-error/m-p/459238#M132343</link>
      <description>&lt;P&gt;Hi&amp;nbsp;&lt;LI-USER uid="17458627"&gt;&lt;/LI-USER&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Can you please try changing item (data-label attribute value which marked in bold in below snippet) to properties ?&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;lt;template data-sly-template.mainbutton="${ @ properties}"&amp;gt;&lt;BR /&gt;&amp;lt;sly&amp;gt;&lt;BR /&gt;&amp;lt;span class="more-info-link" data-more-info="#" data-label="${&lt;STRONG&gt;item&lt;/STRONG&gt;.modalId}"&amp;gt;&lt;BR /&gt;&amp;lt;/span&amp;gt;&lt;BR /&gt;&amp;lt;div data-sly-test="${properties.modalFragmentPath}" class="${properties.modalBehavior == 'fullOverlay' ? 'fullscreen-overlay-wrap overlay-modal' : ''}"&lt;BR /&gt;id="${properties.modalId}"&amp;gt;&lt;BR /&gt;&amp;lt;sly data-sly-resource="${properties.modalFragmentPath}"&amp;gt;&lt;BR /&gt;&amp;lt;/sly&amp;gt;&lt;BR /&gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&amp;lt;/sly&amp;gt;&lt;BR /&gt;&amp;lt;/template&amp;gt;&lt;/P&gt;</description>
      <pubDate>Sun, 03 Jul 2022 01:19:20 GMT</pubDate>
      <guid>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-pass-the-data-in-aem-syntax-error/m-p/459238#M132343</guid>
      <dc:creator>pradeepmoolemane</dc:creator>
      <dc:date>2022-07-03T01:19:20Z</dc:date>
    </item>
    <item>
      <title>Re: How to pass the data in AEM? Syntax Error!</title>
      <link>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-pass-the-data-in-aem-syntax-error/m-p/459245#M132347</link>
      <description>&lt;P&gt;My apology, there will not be a span class inside template. I have edited the code. And by the way, I have tried that method too. It's not working.&lt;/P&gt;</description>
      <pubDate>Sun, 03 Jul 2022 14:07:52 GMT</pubDate>
      <guid>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-pass-the-data-in-aem-syntax-error/m-p/459245#M132347</guid>
      <dc:creator>Ameen_Dev</dc:creator>
      <dc:date>2022-07-03T14:07:52Z</dc:date>
    </item>
    <item>
      <title>Re: How to pass the data in AEM? Syntax Error!</title>
      <link>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-pass-the-data-in-aem-syntax-error/m-p/459258#M132352</link>
      <description>&lt;P&gt;Seems like your input value to the template i.e is not within the scope of sly.&lt;BR /&gt;can you paste your code as a snippet? (so that I can copy and take look on my IDE) also please use relative path while calling you template and make use of sling models to list out the children of your resource to maintain best practices.&lt;BR /&gt;&lt;BR /&gt;I have an example,&amp;nbsp;&lt;BR /&gt;component html:&lt;/P&gt;&lt;PRE&gt;&lt;SPAN&gt;&amp;lt;sly &lt;/SPAN&gt;&lt;SPAN&gt;data-sly-use.tiles&lt;/SPAN&gt;&lt;SPAN&gt;="com.someprojecr.core.models.ArticleTile"&lt;BR /&gt;&lt;/SPAN&gt;     &lt;SPAN&gt;data-sly-use.templates&lt;/SPAN&gt;&lt;SPAN&gt;="core/wcm/components/commons/v1/templates.html"&lt;/SPAN&gt;&lt;SPAN&gt;&amp;gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;SPAN&gt;    &amp;lt;sly &lt;/SPAN&gt;&lt;SPAN&gt;data-sly-test.tileType&lt;/SPAN&gt;&lt;SPAN&gt;="${tiles.tileType=='singletile'}" &lt;/SPAN&gt;&lt;SPAN&gt;data-sly-use.singleTile&lt;/SPAN&gt;&lt;SPAN&gt;="templates/single-tile.html"&lt;/SPAN&gt;&lt;SPAN&gt;&amp;gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;SPAN&gt;        &amp;lt;div &lt;/SPAN&gt;&lt;SPAN&gt;data-sly-call&lt;/SPAN&gt;&lt;SPAN&gt;="${singleTile.singleTile @ tileData=tiles}"&lt;/SPAN&gt;&lt;SPAN&gt;&amp;gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;SPAN&gt;    &amp;lt;/sly&amp;gt;&lt;/SPAN&gt;&lt;SPAN&gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;SPAN&gt;&amp;lt;/sly&amp;gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;SPAN&gt;&amp;lt;sly &lt;/SPAN&gt;&lt;SPAN&gt;data-sly-call&lt;/SPAN&gt;&lt;SPAN&gt;="${templates.placeholder @ isEmpty = !tiles.articleTiles &amp;amp;&amp;amp; !tiles.tileType, classAppend='cmp-article-tiles', emptyTextAppend='Please check Article Tiles Configurations'}"&lt;/SPAN&gt;&lt;SPAN&gt;&amp;gt;&amp;lt;/sly&amp;gt;&lt;/SPAN&gt;&lt;/PRE&gt;&lt;P&gt;&amp;nbsp;Template:&lt;/P&gt;&lt;PRE&gt;&lt;SPAN&gt;&amp;lt;template &lt;/SPAN&gt;&lt;SPAN&gt;data-sly-template.crosslink&lt;/SPAN&gt;&lt;SPAN&gt;="${ @ tileData}"&lt;/SPAN&gt;&lt;SPAN&gt;&amp;gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;SPAN&gt;    &amp;lt;div &lt;/SPAN&gt;&lt;SPAN&gt;class&lt;/SPAN&gt;&lt;SPAN&gt;="article-listing crosslink-tile" &lt;/SPAN&gt;&lt;SPAN&gt;data-sly-list&lt;/SPAN&gt;&lt;SPAN&gt;="${tileData.articleTiles}"&lt;/SPAN&gt;&lt;SPAN&gt;&amp;gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;SPAN&gt;        &amp;lt;div &lt;/SPAN&gt;&lt;SPAN&gt;class&lt;/SPAN&gt;&lt;SPAN&gt;="cmp-article-listing" &lt;/SPAN&gt;&lt;SPAN&gt;&amp;gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;SPAN&gt;            &amp;lt;div &lt;/SPAN&gt;&lt;SPAN&gt;class&lt;/SPAN&gt;&lt;SPAN&gt;="cmp-article-listing__content"&lt;/SPAN&gt;&lt;SPAN&gt;&amp;gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;SPAN&gt;                &amp;lt;div &lt;/SPAN&gt;&lt;SPAN&gt;class&lt;/SPAN&gt;&lt;SPAN&gt;="cmp-article-listing__category" &lt;/SPAN&gt;&lt;SPAN&gt;data-sly-test&lt;/SPAN&gt;&lt;SPAN&gt;="${item.artCategory}"&lt;/SPAN&gt;&lt;SPAN&gt;&amp;gt;&lt;/SPAN&gt;${item.artCategory}&lt;SPAN&gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;SPAN&gt;                &amp;lt;h2 &lt;/SPAN&gt;&lt;SPAN&gt;class&lt;/SPAN&gt;&lt;SPAN&gt;="cmp-article-listing__title" &lt;/SPAN&gt;&lt;SPAN&gt;data-sly-test&lt;/SPAN&gt;&lt;SPAN&gt;="${item.artTitle}"&lt;/SPAN&gt;&lt;SPAN&gt;&amp;gt;&amp;lt;a &lt;/SPAN&gt;&lt;SPAN&gt;href&lt;/SPAN&gt;&lt;SPAN&gt;="${item.artPath @context ='uri'}"&lt;/SPAN&gt;&lt;SPAN&gt;&amp;gt;&lt;/SPAN&gt;${item.artTitle @context='html'}&lt;SPAN&gt;&amp;lt;/a&amp;gt;&amp;lt;/h2&amp;gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;SPAN&gt;                &amp;lt;div &lt;/SPAN&gt;&lt;SPAN&gt;class&lt;/SPAN&gt;&lt;SPAN&gt;="cmp-article-listing__description" &lt;/SPAN&gt;&lt;SPAN&gt;data-sly-test&lt;/SPAN&gt;&lt;SPAN&gt;="${item.artDescription}"&lt;/SPAN&gt;&lt;SPAN&gt;&amp;gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;SPAN&gt;                    &amp;lt;p&amp;gt;&lt;/SPAN&gt;${item.artDescription @context ='html'}&lt;SPAN&gt;&amp;lt;/p&amp;gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;SPAN&gt;                &amp;lt;/div&amp;gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;SPAN&gt;                &amp;lt;div &lt;/SPAN&gt;&lt;SPAN&gt;class&lt;/SPAN&gt;&lt;SPAN&gt;="cmp-article-listing__time" &lt;/SPAN&gt;&lt;SPAN&gt;data-sly-test&lt;/SPAN&gt;&lt;SPAN&gt;="${item.artTime}"&lt;/SPAN&gt;&lt;SPAN&gt;&amp;gt;&lt;/SPAN&gt;${item.artTime @context ='html'}&lt;SPAN&gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;SPAN&gt;            &amp;lt;/div&amp;gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;SPAN&gt;        &amp;lt;/div&amp;gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;SPAN&gt;    &amp;lt;/div&amp;gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;SPAN&gt;&amp;lt;/template&amp;gt;&lt;/SPAN&gt;&lt;/PRE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Sun, 03 Jul 2022 13:47:06 GMT</pubDate>
      <guid>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-pass-the-data-in-aem-syntax-error/m-p/459258#M132352</guid>
      <dc:creator>B_Sravan</dc:creator>
      <dc:date>2022-07-03T13:47:06Z</dc:date>
    </item>
    <item>
      <title>Re: How to pass the data in AEM? Syntax Error!</title>
      <link>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-pass-the-data-in-aem-syntax-error/m-p/459266#M132356</link>
      <description>&lt;P&gt;&lt;LI-USER uid="17458627"&gt;&lt;/LI-USER&gt;&amp;nbsp; looks like the "item" variable used has lost its scope, you will need to find a way to use it in correct scope, or pass the list var and iterate inside the template.&lt;/P&gt;</description>
      <pubDate>Sun, 03 Jul 2022 15:58:31 GMT</pubDate>
      <guid>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-pass-the-data-in-aem-syntax-error/m-p/459266#M132356</guid>
      <dc:creator>ManuMathew1994</dc:creator>
      <dc:date>2022-07-03T15:58:31Z</dc:date>
    </item>
    <item>
      <title>Re: How to pass the data in AEM? Syntax Error!</title>
      <link>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-pass-the-data-in-aem-syntax-error/m-p/459767#M132528</link>
      <description>&lt;P&gt;Thanks&amp;nbsp;&lt;LI-USER uid="17474702"&gt;&lt;/LI-USER&gt;!&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Actually, I didn't iterate inside the template but in the main HTML and included the template in the right place. Thanks for giving me the light.&lt;/P&gt;</description>
      <pubDate>Wed, 06 Jul 2022 14:41:48 GMT</pubDate>
      <guid>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-pass-the-data-in-aem-syntax-error/m-p/459767#M132528</guid>
      <dc:creator>Ameen_Dev</dc:creator>
      <dc:date>2022-07-06T14:41:48Z</dc:date>
    </item>
  </channel>
</rss>

