Expand my Community achievements bar.

SOLVED

About ComponentGroup field

Avatar

Level 9

Hi All,

What exactly meaning if we assign ComponentGroup value as ".hidden"?

And also how these type of  components will be available to content authors?

If there are any examples please share them.

Thanks,

Kishore

1 Accepted Solution

Avatar

Correct answer by
Employee

A componentGroup property set to '.hidden' means the component will be hidden from the side panel Components tab (touch-optimized UI) and the Sidekick (classic UI). 

Hidden components can be used by developers as the sling:resourceType of a template, or included directly in a component's script via cq:include (JSP) [0] or data-sly-resource (Sightly) [1].

[0] https://docs.adobe.com/docs/en/cq/5-6-1/developing/components.html#<cq:include>

[1] http://docs.adobe.com/content/docs/en/aem/6-0/develop/sightly.html#resource

View solution in original post

3 Replies

Avatar

Level 10

Hi Kishore,

Thank you for reaching out to Adobe Community.

Component Group is the Group under which the component can be selected in the Sidekick. There are a list of groups available. see the doc below for more on this :

http://docs.adobe.com/docs/en/aem/6-0/author/page-authoring/default-components/components.html#Compo... Group - General

Thanks!

Avatar

Level 10

To add to @Bruce, you will be using .hidden to restrict the access of that component to the authors from using it while creating the pages. By default, if you dont mention 'ComponentGroup' property for a component it would act as hidden.

Avatar

Correct answer by
Employee

A componentGroup property set to '.hidden' means the component will be hidden from the side panel Components tab (touch-optimized UI) and the Sidekick (classic UI). 

Hidden components can be used by developers as the sling:resourceType of a template, or included directly in a component's script via cq:include (JSP) [0] or data-sly-resource (Sightly) [1].

[0] https://docs.adobe.com/docs/en/cq/5-6-1/developing/components.html#<cq:include>

[1] http://docs.adobe.com/content/docs/en/aem/6-0/develop/sightly.html#resource