Does anyone have official documentation of cq:htmlTag?

Hi

I have asked Documentation team to help you here.

For you help as of now:-

To change the default div tags to something else , use cq:htmlTag nodes in your components. This lets you modify the tag , classes and id associated with the decorator tag.

• Create cq:htmlTag node [primaryType:nt:unstructured] under your component.
• Add cq:tagName property [type:String] with the tag to be used as value.
• Add class property [type:String] with class(es) to be added to the enclosing tag **

• Add id property [type:String] with id to be added to the enclosing tag

// Link:- http://www.codermag.net/2016/02/remove-component-wrapper-divs-in-cqaem.html

Using the cq:htmlTag to manipulate component divs

[img]https://1.bp.blogspot.com/-7PniUsdjAiA/VtWYxtivtDI/AAAAAAAAAW4/PRoAPnkJMy0/s1600/cq_nodecoration%2Bexample%2B2%2Bcoderma… ​[/img]

this will render the component as:-

    <span id="mycomponent" class="modern-style">
    …
    </span>

I hope this would help you.

Thanks and Regards

Kautuk Sahni

What are you trying to do? 

what topic is broken? Let me know and I will log a bug, 

if your issue is solved kindly close the ticket and let Scott know about the broken topic so that it could be fixed.

We can use cq:htmlTag to write our custom tags and attributes to be added to the DIV as mentioned in the below page.

https://helpx.adobe.com/in/experience-manager/kb/ComponentDiv.html

But, the question is we can only add static values where I would like to add dynamic values like I want to add component content node path as a data attribute to the auto generated DIV

For example,

<div class="title"></div>

Should be

<div class="title" res="/content/geometrixx/en/jcr:content/par/title"></div>

Any references are will be helpful.

Thanks in advance.

We have created a documentation bug for this. Documentation team will work on this. Once done i will inform you.

~kautuk

Hi All,

We have used the cq:htmlTag node to override the CQ generated div for the component.

Its working fine in author instance, but however it is not working in publish instance, we are getting the auto-generated CQ div class instead of our overridden class.

Please help me on the urgent basis.

Thanks,

Mayur Sharma

hi kirsh1442,

were you able to find solution for your problem of adding dynamic values of component content node path as a data attribute to the auto generated DIV?

Hi, I completely wanted to remove the auto generated <div> tag, so I made the cq:tagName = "".

But in author instance, when ever I save the dilog, the component gets hidden and the parsys looks broken until the page is refreshed again manually.

This is happening in 6.3.2.0.

Any help or suggestion to avoid it ?