Mobile and Desktop view | Community

AEMStarterNewbie

New Participant

Solved

Mobile and Desktop view

Forum|Forum|4 years ago
November 22, 2021
3 replies
1607 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.

New Participant

@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

Kiran_VedantamAccepted solution

New Participant

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.

New Participant

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

New Participant

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