Expand my Community achievements bar.

Custom Device Breakpoint for Layout Mode

Avatar

Level 2

Hi,

I'm looking to configure a custom set of breakpoints for layout mode in 6.4. I have created a custom device group:

1795013_pastedImage_0.png

And I enabled an emulator that I created named "Screen S." I created this emulator under /libs/wcm/mobile/components/emulators/breakpoints.

1795014_pastedImage_1.png

I pointed my template type "empty page" to read from this device group.

1795015_pastedImage_2.png

This is working and the proper breakpoints are showing up on my templates and pages.

1795019_pastedImage_3.png

However, I am unable to resize any components in layout mode when I have the Screen S breakpoint selected. I get the following error in my console:

1795020_pastedImage_4.png

Which points to this line of code where groups == null.

1795021_pastedImage_5.png

Do I need to create a device group filter? As described here:

https://helpx.adobe.com/experience-manager/6-4/sites/developing/using/groupfilters.html

If so, where would this code live and is there an example?

Thank you,

Francesca

0 Replies