Expand my Community achievements bar.

Guidelines for the Responsible Use of Generative AI in the Experience Cloud Community.

`Drag component here` box is coming like pixel in AEM

Avatar

Level 2

What can be reason in AEM in edit mode and i am Admin user. In my page Drag component here is coming like dot insist of whole box.1.png

But it should look like this. If i inspect and change its height we can see the original component. What can be reason for this.

2.png

 

It would be great help. Any reason for this issue

8 Replies

Avatar

Community Advisor

Hello @HimanshuSh  - 

 

Is this the same behavior across all the pages?

Avatar

Level 2

Hi @Tanika02 ,

 

It is same for all page in project. I am new in exploring AEM . What would be reason for that?

Avatar

Level 4

Hi @HimanshuSh ,

 

It seems to be css issue for the pages,

  1. Is the issue in all pages or this page only, the css might be overriding the project css.
  2. Check in author mode the divs are closed or extra divs are there.
  3. Test the component in different project.

Thanks,

Sweta

Avatar

Level 2

Hi @SwetaB ,

 

This is in all the pages.

In other project i see the drag component button fine.

 

Any hint where i should look, i am new to exploration in AEM.

Avatar

Community Advisor

@HimanshuSh  - 

 

Are you getting this issue in your AEM Local or across all environments (QA/STAGE/PROD)?

Avatar

Community Advisor

@HimanshuSh - 

 

can you check couple of things?

  • Is this the same issue even when there is no component dragged in to the parsys?
  • Is the parsys overlayed or some custom css been added to the base page template?
  • If you are working with AEM on Premise instance and you have we.retail in your local can you check. Are you able to replicate this issue there as well??

Avatar

Level 4

@HimanshuSh

Try adding this to your page component.

 

<sly data-sly-include="/libs/wcm/core/components/init/init.jsp"></sly>