Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.

Content not visible in editor mode

Avatar

Level 2

I'm facing issues in editor mode, my content is not visible in editor mode. Earlier i was having error in console

i.e `Uncaught TypeError: Cannot read property 'componentConfig' of undefined`. I resolved this error by following these steps

1. Go to /system/console/configMgr

2. under "Apache Sling Main Servlet"

3. change Number of Calls per Request to 15000

Now I don't have any console error but my content is still not visible in editor mode

blank.jpg

blank2.jpg

8 Replies

Avatar

Level 10

You will be getting exception in error.log. Best place to start from here I think

Avatar

Level 2

I'm not getting any exceptions, my content is visible in publish mode & wcmmode=disabled but it is not visible in editor mode

Avatar

Level 10

1. is it happening for all components?

2. Can you share component html code snippet?

Avatar

Level 2

1. Some of the components are not working.

2. sample snippet

<div class="slide slide-5" data-sly-use.plan="DestinationPlanModel">

    <div class="innerSlider5">

        <div data-sly-test="${wcmmode.edit}">

            <h2>${component.title}</h2>

        </div>

        <div class="visitTab">

            <h2>${properties.title}</h2>

            <a href="${plan.buttonLink.href}"><span>${properties.buttonLabel}</span></a>

            <div class="external-link">

                <a href='${plan.districtLink.href}' target='_blank'>${properties.districtLabel}</a>

            </div>

        </div>

        <div class="placeTab">

            <h3 id="nearstr">${properties.subTitle}</h3>

            <ul data-sly-list.destination="${plan.nearDestinationsList}">

                <li>

                    <div class="palceImage">

                        <img class="b-lazy"

                             src="/etc/designs/site/clientlib-site/img/common/box-loader.gif"

                             data-src="${destination.image}" alt="">

                        <a href="${destination.link.href}">icon</a></div>

                    <p>${destination.title}<br><span>${destination.text}</span></p></li>

            </ul>

        </div>

        <!-- placeTab end -->

        <div class="cq-placeholder" data-emptytext="${component.title}" data-sly-test="${wcmmode.edit}">

        </div>

    </div>

</div>

Avatar

Level 2

I noticed, content is not visible because of Iframe height. When i changed the height it worked fine but height is calculated automatically.
Any suggestions?

Avatar

Level 9

Are you able to see a proper parsys or it is that too rendering very small ? Please check the code in your page component . You may also check the path of init.jsp in case parsys is also displaying too small

Avatar

Level 9

Can you share the package of your component and let me know which version of AEM are you using ?