Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

Adobe Summit 2023 [19th to 23rd March, Las Vegas and Virtual] | Complete AEM Session & Lab list

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