Issues with responsive grid | Community
Skip to main content
V
v1101
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.

    V
    v1101Author
    Level 5
    August 4, 2020

    @vijayalakshmi_s- We are using responsive grid component(wcm/foundation/components/responsivegrid) to resize the component and the template is not based on editable. temppate. If we try to resize the component, the resized breakpoints are captured in the JCR properties but the resizing is not happening in the UI (Author Mode). i.e,if we try to resize the components, it is going back to original state rather than the resized width. The required clientlibs are availablle in the page (grid.less - compiled into clientlibs). Can you please let me know how to resolve this issue?

     

    arunpatidar
    Community Advisor
    arunpatidarCommunity 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
      V
      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.
      Terms & ConditionsAccessibility statement

      Loading footer...