Issues with responsive grid | Community
Skip to main content
Level 5
August 4, 2020
Solved

Issues with responsive grid

  • August 4, 2020
  • 2 replies
  • 1807 views

Hello Community - We are facing some issues with the responsive grid resizing in 6.4. It was working for some time but all of a sudden the resizing is not working, I can confirm that there is no recent changes happened. If I try to resize the layouting, the cursor/pointer is going back to its original state. Is there a way to fix this issue ? The issue is kind of intermittent. Not sure what is causing the issue.

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,

By the term "XF responsive grid", you mean the responsive grid component(wcm/foundation/components/responsivegrid) as part of XF editable template ?

Please elaborate on the component resource type used, XF and short screen cast of layout issue if possible.

2 replies

Vijayalakshmi_S
Vijayalakshmi_SAccepted solution
Level 10
August 4, 2020

Hi @v1101,

By the term "XF responsive grid", you mean the responsive grid component(wcm/foundation/components/responsivegrid) as part of XF editable template ?

Please elaborate on the component resource type used, XF and short screen cast of layout issue if possible.

Vijayalakshmi_S
Level 10
August 5, 2020

Hi @v1101,

Given that it was working before and all of a sudden it stopped working/ intermittent issue - per your query, try the below to narrow down the issue.

  • Try resizing the layout in we.retail page and see if it is working there - To check if the issue is at instance/project level
    • If it is working in we.retail pages, cross check if there was any recent changes to the code base related to CSS / front end module. 
    • Install an empty patch of the respective project, trigger a build once again and try. 
  • If it is not working with we.retail pages, try to restart clientlibs related bundles. (Last option after all possible trials : To be tried in local/DEV)

Note : Each and every trial you make, try it in Incognito mode. (retaining only one Incognito window)

 

 

arunpatidar
Community Advisor
Community Advisor
August 4, 2020

I would suggest to check in "view as published" mode. 

there are two possibilties -

1. grid CSS is not loading or corrupted due to missing less variable or files.

2. the grid classes are not applied in the HTML DOM.

Arun Patidar
v1101Author
Level 5
August 4, 2020
Hi Arun - Thanks for the response. I can see the clientlib is getting loaded in "View as Published" mode as well. I have verified the less files and the compiled css and don't see any issues. I have even rebuild the clientlibs several times and also changing the category to different name as well. In authoring mode, once I resize the component, it is not keeping the reisized width.