Mobile and Desktop view | Community
Skip to main content
AEMStarterNewbie
Level 2
Nov 22, 2021 8:51 AM UTC
Solved

Mobile and Desktop view

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.
Kiran_Vedantam
Kiran_VedantamAccepted solution
New Participant
Nov 22, 2021 9:50 AM UTC

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.

View reply

4 replies

Bhuwan_B
Bhuwan_B
New Participant
Nov 22, 2021 10:27 AM UTC

@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

Translate
    Kiran_Vedantam
    Kiran_VedantamAccepted solution
    New Participant
    Nov 22, 2021 9:50 AM UTC

    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.

    Translate
      Kiran_Vedantam
      Kiran_Vedantam
      New Participant
      Nov 22, 2021 8:56 AM UTC

      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.

      Translate
        AEMStarterNewbieAuthor
        Level 2
        Nov 22, 2021 9:11 AM UTC

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

        Translate
          Terms & ConditionsAccessibility statement

          Loading footer...