AEM 6.x: How to pass an HTL variable to clientlib/JS? | Community
Skip to main content
jayv25585659
jayv25585659
Level 8
March 19, 2018
Solved

AEM 6.x: How to pass an HTL variable to clientlib/JS?

  • March 19, 2018
  • 2 replies
  • 2453 views

So I have the following lines which loads my javascript.

    <sly data-sly-use.clientLib="${'/libs/granite/sightly/templates/clientlib.html'}" data-sly-unwrap />
    <sly data-sly-call="${clientLib.js @ categories='myhost.mycustomJS'}" data-sly-unwrap />

I have an HTL variable/property (example: ${properties.myCustomProperty}) that I want to pass to myCustomJS.

Any ideas how it can be done?

I've looked around the net but didn't find anything useful.

Thank you.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by smacdonald2008

TO work with JS and HTL - you use the JS USE API. See this artilce for more details --

Creating a Tab layout component for Adobe Experience Manager

Hope this helps...

2 replies

smacdonald2008
smacdonald2008Accepted solution
Level 10
March 19, 2018

TO work with JS and HTL - you use the JS USE API. See this artilce for more details --

Creating a Tab layout component for Adobe Experience Manager

Hope this helps...

Ratna_Kumar
Ratna_Kumar
Level 10
March 19, 2018

Yes Scott is right.

You need to use JS with HTL i.e., JS USEAPI for that. Please have the look into that article which Scott pointed out.

Thanks,

Ratna.

Terms & ConditionsAccessibility statement

Loading footer...