Expand my Community achievements bar.

Applications for the 2024-2025 Adobe Experience Manager Champion Program are open!

AEM 6.1 Tags.

Avatar

Level 3

Dear AEM Community,

Currently, I'm working on tags in aem 6.1. I have some confuses.

We can development component with some sling resourceType tags :

Ex : 

1.

<tags  
    jcr:primaryType="nt:unstructured"  
    sling:resourceType="cq/gui/components/common/tagspicker"
    fieldLabel="Tags"  
    mode="contains"
    name="./cq:tags">  
  
</tags>

or 

2.

<tags  
    jcr:primaryType="nt:unstructured"  
    sling:resourceType="granite/ui/components/foundation/form/autocomplete"
    fieldLabel="Tags"  
    mode="contains"
    multiple="{Boolean}true"   
    name="./cq:tags">  
    <datasource
        jcr:primaryType="nt:unstructured"  
        sling:resourceType="cq/gui/components/common/datasources/tags"/>   
    <values
        jcr:primaryType="nt:unstructured"  
        sling:resourceType="granite/ui/components/foundation/form/autocomplete/tags"/> 
    <options   
        jcr:primaryType="nt:unstructured"  
        sling:resourceType="granite/ui/components/foundation/form/autocomplete/list"/> 
</tags>

or

3. 

<tags  
    jcr:primaryType="nt:unstructured"  
    sling:resourceType="granite/ui/components/foundation/form/autocomplete"
    fieldLabel="Tags"  
    mode="contains"
    multiple="{Boolean}true"   
    name="./cq:tags">  
    <values
        jcr:primaryType="nt:unstructured"  
        sling:resourceType="cq/gui/components/common/autocomplete/taggingtags"/>   
    <options   
        jcr:primaryType="nt:unstructured"  
        sling:resourceType="granite/ui/components/foundation/form/autocomplete/list"   
        src="/libs/cq/gui/content/common/tags.html{?query,start,end}"/>
</tags>

 

So my questions :

1. What's the best way i need to refer in aem 6.1

2. With tagspicker, Can i choose only one tag.

3. When i used with option #3, I faced a problems with messages :Resource /libs/cq/gui/content/common/tags.html not found

 

Could you please help me to resolve it.

 

 

Thanks,

Thuong.

8 Replies

Avatar

Level 3

smacdonald2008 wrote...

Did you read all of the AEM Tagging documentation?

https://docs.adobe.com/docs/en/aem/6-1/develop/tags.html

 

 

Dear Sir, 

I read it clearly before I wrote a question.

 

Thanks for your reply.

Avatar

Level 10

Are you following any online documentation for creating these components.? I want to see if your issue can be reproduced on #3.

Also - see this blog for more infor on tag picker: 

http://experience-aem.blogspot.ca/2015/05/aem-61-touch-ui-multiple-root-paths-in-tags-picker.html

Avatar

Level 3

smacdonald2008 wrote...

Are you following any online documentation for creating these components.? I want to see if your issue can be reproduced on #3.

Also - see this blog for more infor on tag picker: 

http://experience-aem.blogspot.ca/2015/05/aem-61-touch-ui-multiple-root-paths-in-tags-picker.html

 

 

 

 

 

Dear Sir,

About option #3 I followed this docs https://docs.adobe.com/docs/en/aem/6-0/develop/tags/taglist-performance.html

Hi,

I think there is a mistake in the path given in the document

try using this in the src [1] and see if it works

[1] /libs/cq/tagging/gui/content/tags.html{?query,start,end}

bsloki wrote...

Hi,

I think there is a mistake in the path given in the document

try using this in the src [1] and see if it works

[1] /libs/cq/tagging/gui/content/tags.html{?query,start,end}

 

Dear Sir,

Thanks for you reply.

I checked , it didn't work.

With resource Type "cq/gui/components/common/tagspicker . Can i select only one tag 

 

Thanks,

Thuong.

Avatar

Level 9

Hi Thuong,

One thing I have learned is that in 6.1 you have to click or tap on the icon for the tag, and not the name, in order to multi-select.  But that multi-select is enabled by default.

I took 3 screenshots.  The first shows the tagspicker for Sites > Search > Tags in aem 6.1 author instance. See image open-sites-search-tags.png

If you click or tap on the name, it will select one and also "activate" it if it contains child tags - open the next column to show the child tags.  See image activate-select-one-tag.png

If you ctrl-click the tag icon, you can add more to the selection.  See image select-multiple-tags.png.

- JK

PS:  the images are not appearing, I'll try in text comment.