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
  • 1808 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
      arunpatidar
      Community Advisor
      arunpatidarCommunity Advisor
      Community Advisor
      August 6, 2020

      ok, so you meant if you resize, you can't see the grid classes getting changed? Which component are you using to resize, if you are using another container component then it may not work .

      I would suggest compare the DOM classes, where the actual grid classes get applied.

       

       

      Arun Patidar
      Terms & ConditionsAccessibility statement

      Loading footer...