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

SOLVED

Mobile and Desktop view

AEMStarterNewbie
Level 1
Level 1

Hello AEM community,

 

I'm new to AEM and I want to know if there is a way to identify if the current view is on mobile or desktop on code level(methods or properties on AEM that I can use to identify) without using the viewport. I'm creating Image component that the author can use 2 images for desktop and mobile option. Thank you ! 

 

1 Accepted Solution
Kiran_Vedantam
Correct answer by
Community Advisor
Community Advisor

Hi @AEMStarterNewbie 

 

If you are wanting to do it in CSS code, used media-queries. You should not check it in the backend due to caching issues.

 

Similar post: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/aem-6-3-to-detect-from-des...

 

Thanks,

Kiran Vedantam.

View solution in original post

4 Replies
Kiran_Vedantam
Community Advisor
Community Advisor

Hi @AEMStarterNewbie 

 

You can use the small devices icon on top of every page on edit mode to move from desktop to devices

 

Kiran_Vedantam_0-1637571370062.png

Hope this helps.

Thanks,

Kiran Vedantam.

AEMStarterNewbie
Level 1
Level 1

Thank you for that. What I mean is on code level. Is there method or properties that I can use in AEM ? 

Kiran_Vedantam
Correct answer by
Community Advisor
Community Advisor

Hi @AEMStarterNewbie 

 

If you are wanting to do it in CSS code, used media-queries. You should not check it in the backend due to caching issues.

 

Similar post: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/aem-6-3-to-detect-from-des...

 

Thanks,

Kiran Vedantam.

View solution in original post