Debug Layout details

[Jai1122]

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?

[Prince_Shivhare]

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

[Var · Accepted solution]

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

[kautuk_sahni]

Excellent information.

~kautuk 

[Jai1122]

Thanks a ton