Mobile and Desktop view | Community

AEMStarterNewbie

Level 2

Solved

Mobile and Desktop view

Forum|Forum|4 years ago
November 22, 2021
3 replies
1612 views

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 !

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by Kiran_Vedantam

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-desktop-or-mobile-from-which-the-request/td-p/387366

Thanks,

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

Hope this helps.

Thanks,

Kiran Vedantam.

AEMStarterNewbieAuthor

Level 2

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

Community Advisor

Accepted solution

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-desktop-or-mobile-from-which-the-request/td-p/387366

Thanks,

Kiran Vedantam.

Community Advisor

Community Advisor

@aemstarternewbie Please check below community thread for similar ask:

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/aem-6-3-to-detect-from-desktop-or-mobile-from-which-the-request/td-p/387366