AEM Grid Resizing Issue | Community
Skip to main content
V
v1101
March 3, 2021
Solved

AEM Grid Resizing Issue

  • March 3, 2021
  • 3 replies
  • 4418 views

Hi All - I am running into issues with AEM Grid. I have configured the required config for AEM grid but when I refresh the page after the resizing, the resized layout is not persisting.
This is happening in Editable template and AEM version is 6.5. I have configured the below. Can someone tell me what could be the issue.

 

com.day.cq.wcm.mobile.core.impl.MobileEmulatorProvider - Added the page component.
Included the grid.less(Clientlib) in the template page policy (head) and also in the page component as well.
Added the device group property(cq:deviceGroups) in the jcr:content as well
The resized layouting breakpoints offset/width values are captured in the jcr as expected but when I refresh the page, the offset values are not changed that is expected but the layouting is not reflected in the page.
Also verified the nodes in the editable template and it has the cq:responsive node as well.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Vijayalakshmi_S

Hi @v1101,

Can you confirm if you have amended anything in grid.less file (on top of one that comes OOTB with AEM maven archetype project)

As a final try to narrow down,

  • Create a new maven archetype project in your local instance and observe the behavior 
  • Check the behavior in we-retail site

3 replies

Vijayalakshmi_S
Vijayalakshmi_SAccepted solution
March 3, 2021

Hi @v1101,

Can you confirm if you have amended anything in grid.less file (on top of one that comes OOTB with AEM maven archetype project)

As a final try to narrow down,

  • Create a new maven archetype project in your local instance and observe the behavior 
  • Check the behavior in we-retail site
    V
    v1101Author
    March 3, 2021
    @vijayalakshmi_s - I have included the grid.less clientlib in the template. I could verify that the clientlib is loading. is loading
    Ankur_Khare
    Community Advisor
    Ankur_KhareCommunity Advisor
    Community Advisor
    March 3, 2021

    This is due to grid.less file not registered in your clientlib folder.

    Please add grid.less in ur css.txt of the base clientlib folder and check in your page view source if grid.less is getting injected or not.

      V
      v1101Author
      March 3, 2021
      @ankur_khare - grid.less is already loading and it is getting inject. Not sure why the resizing is happening and after the page refresh everything is gone with respect to the resizing.
      E
      erges_k
      April 19, 2022

      Hi @v1101 ,

       

      I am experiencing the same issue on the desktop size emulator. All the values are stored correctly in the jcr but they are not being reflected/rendered correctly. Also, I tried to manually update the aem grid css classes in the html (viewing the page as published) but nothing gets updated.

       

      Have you been able to solve it?

       

      @vijayalakshmi_s, @ankur_khare  any help from your side? 

       

      Thank you

      Terms & ConditionsAccessibility statement

      Loading footer...