Mobile and Desktop view

[AEMStarterNewbie]

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 ! 

[Kiran_Vedantam]

Hi @AEMStarterNewbie 

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

Hope this helps.

Thanks,

Kiran Vedantam.

[AEMStarterNewbie]

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

[Kiran_Vedantam · Accepted solution]

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.

[Bhuwan_B]

@AEMStarterNewbie Please check below community thread for similar ask:

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