Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Debug Layout details

Avatar

Level 5

Hi Experts,

  When i try to append debug=layout to my AEM page it is giving the following details for each component.

res=/content/mypage/en_GB/index/jcr:content/header/title sel=h1 type=myapps/components/content/title
cell=homepage/header/title sp=homepage|contentpage|page/header/title

 

I can deduce that res means resource in content and type is sling:resourceType of that resource. 

Can some one please let me know what sel,cell,sp means?

1 Accepted Solution

Avatar

Correct answer by
Level 5
Level 5

Taking an example of the below page and looking at the text component
http://localhost:4502/content/geometrixx/en/toolbar/contacts.html?debug=layout

  1. res=/content/geometrixx/en/toolbar/contacts/jcr:content/par/15_1204887676656 -- which tell about the resource location in the content path.
  2. sel=null -- i guess this doesn't have any selectors.
  3. type=foundation/components/text  -- the sling:resourceType of the component
  4. cell=contentpage/par/text -- wrapper paths which shows about sling:resourceType of the parent nodes (i.e. inherited levels )
  5. sp=contentpage|page/par|parsys/text|parbase  -- sling:resourceSuperType of the component (here it is "parbase") along with the inherited path levels.

and for "sel" i guess it should be selector class if it has any like below.
http://localhost:4502/editor.html/content/geometrixx/en/toolbar/contacts.html?debug=layout
Taking an example of the header bar component the "sel=panelheader" shows that it has a selectors by the panelheader.jsp code snippet <sling:include replaceSelectors="panelheader"/>

 

~VAr

View solution in original post

4 Replies

Avatar

Community Advisor

Hi,

Got to know about cell:

Cell Id -> it is always created from the path the component is included.
suppose if you have included it in parsys it will show you page/par/text.

~ Prince

Avatar

Correct answer by
Level 5
Level 5

Taking an example of the below page and looking at the text component
http://localhost:4502/content/geometrixx/en/toolbar/contacts.html?debug=layout

  1. res=/content/geometrixx/en/toolbar/contacts/jcr:content/par/15_1204887676656 -- which tell about the resource location in the content path.
  2. sel=null -- i guess this doesn't have any selectors.
  3. type=foundation/components/text  -- the sling:resourceType of the component
  4. cell=contentpage/par/text -- wrapper paths which shows about sling:resourceType of the parent nodes (i.e. inherited levels )
  5. sp=contentpage|page/par|parsys/text|parbase  -- sling:resourceSuperType of the component (here it is "parbase") along with the inherited path levels.

and for "sel" i guess it should be selector class if it has any like below.
http://localhost:4502/editor.html/content/geometrixx/en/toolbar/contacts.html?debug=layout
Taking an example of the header bar component the "sel=panelheader" shows that it has a selectors by the panelheader.jsp code snippet <sling:include replaceSelectors="panelheader"/>

 

~VAr

Avatar

Administrator

Excellent information.

~kautuk 



Kautuk Sahni