Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

angelinek209805
Community profile angelinek209805 Level 2
Job title here
Location here
12 BADGES
Level 2

Level 2

Learn more
Joined the community 20-06-2017 4:23:34 AM
Offline
Top badges earned by angelinek209805
Customize the badges you want to showcase on your profile
Re: Access request query string parameter in Sightly component
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Adobe Experience Manager
Is it possible to return all the query string parameters? Similar to javascript window.location.search. Eg: current page url is https://google.com?utm_source=search&utm_media=online&param3=xxx and the expected return string is ?utm_source=search&utm_media=online&param3=xxx

Views

4.2K

Likes

0

Replies

0
data-sly-list check for the 2nd last item
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Adobe Experience Manager
Based on HTL documentation HTL Block Statements itemList: Object holding the following properties:index: zero-based counter ( 0..length-1).count: one-based counter ( 1..length).first: true if the current item is the first item.middle: true if the current item is neither the first nor the last item.last: true if the current item is the last item.odd: true if index is odd.even: true if index is even.data-sly-test="${itemList.last}" -> Check for the last item, however in my use case, I would need t...

Views

1.3K

Likes

0

Replies

1
Re: how do we use AEM SIGHTLY to populate drop down values (values will come via js file) for "SELECT" html tag
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Adobe Experience Manager
I manage to get it to work by removing the .htmlgenericList: getList("/etc/acs-commons/lists/myfile-name")

Views

2.3K

Likes

0

Replies

0
Re: how do we use AEM SIGHTLY to populate drop down values (values will come via js file) for "SELECT" html tag
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Adobe Experience Manager
The ACS common list contains JSON key and value (lists of title/value pairs)Title: List One , Value: list-oneTitle: List Two , Value: list-twoTitle: List Three , Value: list-three...etcFrom GenericList interface acs-aem-commons/GenericList.java at master · Adobe-Consulting-Services/acs-aem-commons · GitHub , it has method for getTitle and getValueI am trying to print the title/value pair as option List One List Two List Three

Views

2.2K

Likes

0

Replies

0
Re: how do we use AEM SIGHTLY to populate drop down values (values will come via js file) for "SELECT" html tag
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Adobe Experience Manager
I am also having similar issue trying to return the ACS common list in the page with HTL.In my JS USE API following the example code at Use js to read the generic list – All about AEM.. use(function() { "use strict"; var resolver = request.getResourceResolver(); var pageManager = resolver.adaptTo(Packages.com.day.cq.wcm.api.PageManager); return { genericList: getList("/etc/acs-commons/lists/myfile-name.html") }; function getList(url) { var listPage = pageManager.getPage(url); if (listPage == nul...

Views

2.2K

Likes

0

Replies

0
Re: data-sly-repeat define max item via cq dialog
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Adobe Experience Manager
Thanks all for the insightful suggestions.Will go with Java/JS method since unable to achieve with HTL although the properties.maxItems type was changed to Long.

Views

4.2K

Likes

0

Replies

1
Re: data-sly-repeat define max item via cq dialog
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Adobe Experience Manager
I also tried typeHint="Long" and in crx/de the property type is Long. But same errorCannot get DefaultSlingScript: Operands are not of the same type: comparison is supported for Number types only

Views

3.4K

Likes

0

Replies

1
Re: data-sly-repeat define max item via cq dialog
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Adobe Experience Manager
In the cq:dialog, I am using sling:resourceType="granite/ui/components/coral/foundation/form/numberfield"When check via crx/de, the property type is String.

Views

3.4K

Likes

0

Replies

0
Re: data-sly-repeat define max item via cq dialog
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Adobe Experience Manager
If the number is replace with the value from the cq dialog, it will return the same errorCannot get DefaultSlingScript: Operands are not of the same type: comparison is supported for Number types only.

Views

3.4K

Likes

0

Replies

5
Re: data-sly-repeat define max item via cq dialog
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Adobe Experience Manager
Thanks. I have a Java sling modal that returns the items. I would like to use the HTL only if possible.

Views

3.4K

Likes

0

Replies

7
data-sly-repeat define max item via cq dialog
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Adobe Experience Manager
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 Cannot get DefaultSlingScript: Operands are not of the same type: comparison is supported for Number types only.Is there a simple way of using only HTL to achieve this? I also tried ${properties.maxIt...

Views

3.9K

Likes

3

Replies

13
Re: data-sly-repeat in data attribute
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Adobe Experience Manager
Thanks Arun. Is it the same case for data-sly-repeat/data-sly-list in a class attribute?

Views

579

Likes

0

Replies

0
Re: data-sly-repeat in data attribute
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Adobe Experience Manager
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?

Views

563

Likes

0

Replies

0
data-sly-repeat in data attribute
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Adobe Experience Manager
For 6.4.2 with HTL code: ${tag.name}This will outputtag-1tag-2I am trying to achieve the following1) How can I add a comma between the list?tag-1,tag-22) How to have the repeat in a data attribute?I am trying to output the following...With HTL...But it output......Thanks in advance.

Views

994

Like

1

Replies

4
Re: Resizing snap to the grid for individual properties
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Adobe Experience Manager
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.

Views

467

Likes

0

Replies

0
Resizing snap to the grid for individual properties
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Adobe Experience Manager
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 added via cq:dialog. For example, a Hero component has a title, text, image, cta added via cq:dialog, I want to author to be able to resize each of the item individually. The reason is because if the t...

Views

565

Likes

0

Replies

2
Re: Re-use properties as set of classes name in multiple components
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Adobe Experience Manager
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 properties from cq-dialog to dom template AEM - Stack Overflow ?

Views

840

Likes

0

Replies

1
Re-use properties as set of classes name in multiple components
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Adobe Experience Manager
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 question is if is also possible to re-use the properties value also in multiple component in the HTL code? For example in the re-usable tab, it will generate value for ${properties.item1}, ${properties.item...

Views

1.0K

Likes

0

Replies

3
Re: HTL - render multiple select dropdown
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Adobe Experience Manager
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!

Views

838

Likes

0

Replies

0
Re: HTL - render multiple select dropdown
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Adobe Experience Manager
Thanks for the advice. I am trying to use only HTL avoiding sling model

Views

1.0K

Likes

0

Replies

0
Re: HTL - render multiple select dropdown
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Adobe Experience Manager
If is not possible with data-sly-test and render custom html for each selection, would need to look into sling model if HTL is not possible. Maybe change the dropdown to a list of checkbox boolean value.

Views

948

Likes

0

Replies

0
Re: HTL - render multiple select dropdown
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Adobe Experience Manager
How about if there is extra attributes to print that is different for each selected item?For email selected:For name selected:

Views

837

Likes

0

Replies

0
HTL - render multiple select dropdown
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Adobe Experience Manager
Could you advice on how to display the multi selected dropdown list via Sightly HTL for AEM 6.4? For example in a dropdown inputField, multi selected: name, email, phone. How can HTL display that on a component? Thanks in advancecq dialog:sling:resourceType="granite/ui/components/foundation/form/select"multiple="{Boolean}true"name="./inputField"I tried the following but doesn't work I wanted to print a pre-defined code based on the multi valueWhen check in the content the the properties inputFie...

Views

2.1K

Like

1

Replies

10
Re: DTM - Implement Google Analytics Enhanced E-Commerce tracking
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Dynamic Tag Management
Thanks for the reply.Where do I put this code return false;after ga('require', 'ec'); ?In GA tool, under Customize Page Code -ga('require', 'ec');return false;

Views

762

Likes

0

Replies

0
DTM - Implement Google Analytics Enhanced E-Commerce tracking
Avatar
Give Back 10
Level 2
angelinek209805
Level 2

Likes

6 likes

Total Posts

25 posts

Correct reply

0 solutions
Top badges earned
Give Back 10
Ignite 5
Ignite 3
Give Back 5
Give Back 3
View profile
angelinek209805
- Dynamic Tag Management
Could you advice in getting the Google Analytics Enhanced E-Commerce tracking implementation via DTM?The only relevant documentation I found is https://forums.adobe.com/message/9547295#9547295 and there is no confirmation if the method works. We have a shopping cart and visitor comes directly to the Cart View with 2 products pre-selected.There is 3 steps in the transaction - Step 1: Cart page, Step 2: Cart Confirmation page and Step 3: Thank you page​.Each page has dataLayer with the 2 products ...

Views

2.5K

Like

1

Replies

5
Likes from