About ComponentGroup field | Community
Skip to main content
GK-007
Level 9
October 16, 2015
Solved

About ComponentGroup field

  • October 16, 2015
  • 3 replies
  • 7052 views

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

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 brucelef

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

3 replies

WhoaShekhar
Level 10
October 16, 2015

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#Component Group - General

Thanks!

Lokesh_Shivalingaiah
Level 10
October 16, 2015

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.

brucelefAdobe EmployeeAccepted solution
Adobe Employee
October 16, 2015

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