Skip to main content
AEM_newbie
Level 4
Jan 25, 2016 9:29 PM UTC
Solved

Remove auto generated divs while including component

Hi,

I am including a component like this:

 

<c:forEach begin="0" end="${selectList-1}" varStatus="loopSubmenu"> <sling:include path="submenu_${loopSubmenu.index}" resourceType="aemdevcenter/components/content/global-header/submenu" /> </c:forEach>

and to get rid of the auto generated divs I have included the below code in my global.jsp

<% if (WCMMode.fromRequest(request) != WCMMode.EDIT && WCMMode.fromRequest(request) != WCMMode.DESIGN && WCMMode.fromRequest(request) != WCMMode.DISABLED && WCMMode.fromRequest(request) != WCMMode.PREVIEW) { IncludeOptions.getOptions(request, true).forceSameContext(Boolean.TRUE); } %>

But I am still not able to get rid of the auto generated divs and this is messing with the styles. Any ideas ?

Thanks

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
leeaslingAccepted solution
Level 8
Jan 26, 2016 2:00 PM UTC

You probably just have it wrong.

<% if (WCMMode.fromRequest(request) == WCMMode.EDIT || WCMMode.fromRequest(request) == WCMMode.DESIGN) { %> <c:forEach begin="0" end="${selectList-1}" varStatus="loopSubmenu"> <sling:include path="submenu_${loopSubmenu.index}" resourceType="aemdevcenter/components/content/global-header/submenu" /> </c:forEach> <% } else { %> <c:forEach begin="0" end="${selectList-1}" varStatus="loopSubmenu"> <sling:include cq:noDecoration="true" path="submenu_${loopSubmenu.index}" resourceType="aemdevcenter/components/content/global-header/submenu" /> </c:forEach> <% } %>
View in thread

7 replies

smacdonald2008
smacdonald2008
Level 10
Jan 25, 2016 10:00 PM UTC

See this KB -- 

Adobe CQ Help / 
What is the automatically generated div tag around a component used for

Translate
AEM_newbieAuthor
Level 4
Jan 25, 2016 10:37 PM UTC

When I try to use either cq:noDecoration or cq:cellName(empty) I lose the ability to author the component. 

Translate
leeasling
Level 8
Jan 25, 2016 11:04 PM UTC

Wrap the include in an if statement.  If you're in edit or design mode, do not include the "cq:noDecoration" or "cq:cellName(empty)" tags, otherwise do.

Translate
AEM_newbieAuthor
Level 4
Jan 26, 2016 3:19 AM UTC

So do you want me to include 

 

<sling:include path="submenu_${loopSubmenu.index}" resourceType="aemdevcenter/components/content/global-header/submenu" />

 

Inside the if statement 

if (WCMMode.fromRequest(request) != WCMMode.EDIT && WCMMode.fromRequest(request) != WCMMode.DESIGN && WCMMode.fromRequest(request) != WCMMode.DISABLED && WCMMode.fromRequest(request) != WCMMode.PREVIEW) {
    IncludeOptions.getOptions(request, true).forceSameContext(Boolean.TRUE);                            
}

Translate
Lokesh_Shivalingaiah
Lokesh_Shivalingaiah
Level 10
Jan 26, 2016 6:19 AM UTC

Yes ! You can also refer [1] for the actual statement

[1] http://adobeaemclub.com/how-to-remove-default-div-generated-by-cq5-aem-for-component/

Translate
AEM_newbieAuthor
Level 4
Jan 26, 2016 1:53 PM UTC

Sorry, that approach is not working.

Translate
leeaslingAccepted solution
Level 8
Jan 26, 2016 2:00 PM UTC

You probably just have it wrong.

<% if (WCMMode.fromRequest(request) == WCMMode.EDIT || WCMMode.fromRequest(request) == WCMMode.DESIGN) { %> <c:forEach begin="0" end="${selectList-1}" varStatus="loopSubmenu"> <sling:include path="submenu_${loopSubmenu.index}" resourceType="aemdevcenter/components/content/global-header/submenu" /> </c:forEach> <% } else { %> <c:forEach begin="0" end="${selectList-1}" varStatus="loopSubmenu"> <sling:include cq:noDecoration="true" path="submenu_${loopSubmenu.index}" resourceType="aemdevcenter/components/content/global-header/submenu" /> </c:forEach> <% } %>
Translate
Terms & ConditionsAccessibility statement

Loading footer...