Highlighted

Show/Hide component option for responsive grid layout in AEM 6.3 sp2

Avatar

Avatar

Aem_Rockstar

Avatar

Aem_Rockstar

Aem_Rockstar

20-03-2019

There are two components component A and component B. I am trying to hide component A in medium breakpoint but allow the component in large breakpoint. It works fine. I am trying to hide component B in large breakpoint but allow in medium breakpoint. It is not working this way. If we hide it in large breakpoint it hides everywhere. PLease let me know is this the behaviour or a config that i have to enable.

Replies

Highlighted

Avatar

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Answer

2.3K

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Answer

2.3K
smacdonald2008

20-03-2019

For reference - so community can try and reproduce - please point to the AEM docs you are following for this use case.

Highlighted

Avatar

Avatar

Gaurav-Behl

MVP

Total Posts

1.1K

Likes

226

Correct Answer

281

Avatar

Gaurav-Behl

MVP

Total Posts

1.1K

Likes

226

Correct Answer

281
Gaurav-Behl
MVP

20-03-2019

How are components A & B related to each other?  Are they siblings or parent-child?  Do you observe this in author or publish?

Did you write "code/media queries" to show component B in "medium" breakpoint?

Please share the screenshots/video/gif and media queries code for same.

Highlighted

Avatar

Avatar

Arun_Patidar

MVP

Total Posts

2.9K

Likes

958

Correct Answer

820

Avatar

Arun_Patidar

MVP

Total Posts

2.9K

Likes

958

Correct Answer

820
Arun_Patidar
MVP

20-03-2019

Highlighted

Avatar

Avatar

wenjiaoz9005797

Avatar

wenjiaoz9005797

wenjiaoz9005797

20-09-2019

Hi, we are having the same issue, trying to hide some component in desktop view only, but when we hide it in desktop layout, it's hidden in all breakpoints.

Any instructions on how to hide it in desktop breakpoint only?

Thanks!

Highlighted

Avatar

Avatar

Arun_Patidar

MVP

Total Posts

2.9K

Likes

958

Correct Answer

820

Avatar

Arun_Patidar

MVP

Total Posts

2.9K

Likes

958

Correct Answer

820
Arun_Patidar
MVP

24-09-2019

You need to show those components in small screen

1. Click on Parents button

1836888_pastedImage_0.png

2. Click on Restore All or show if hidden in the small screen.

1836889_pastedImage_1.png