function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
DannyK89DannyK89 

Visualforce page and Mobile Device

Hi everyone,

 

I would like to know if there is a way to check if a user is using a mobile device or computer when accessing a visualforce page.

I would like mobile users to see certain fields and comptuer users to see certain fields.

Best Answer chosen by Admin (Salesforce Developers) 
DannyK89DannyK89

I used something like this:

 

public pageReference mobilecheck(){
        Map<String, String> headerlist = ApexPages.currentPage().getHeaders();
        if(headerList.get('User-Agent').contains('Android') || headerList.get('User-Agent').contains('BlackBerry') ||
        headerList.get('User-Agent').contains('IEMobile') || headerList.get('User-Agent').contains('iPad') ||
        headerList.get('User-Agent').contains('iPhone') || headerList.get('User-Agent').contains('iPod'))
            mobile = false;
        return null;
    }

 I put that code in my controller and it seemed to work. This might not be the best way but it worked for me.

All Answers

Tom GersicTom Gersic

I don't think this is natively possible to do just with VisualForce alone, but it's a perfect use-case for CSS3 Media Queries 

 

http://www.alistapart.com/articles/responsive-web-design/

http://mediaqueri.es/

http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/
DannyK89DannyK89

I used something like this:

 

public pageReference mobilecheck(){
        Map<String, String> headerlist = ApexPages.currentPage().getHeaders();
        if(headerList.get('User-Agent').contains('Android') || headerList.get('User-Agent').contains('BlackBerry') ||
        headerList.get('User-Agent').contains('IEMobile') || headerList.get('User-Agent').contains('iPad') ||
        headerList.get('User-Agent').contains('iPhone') || headerList.get('User-Agent').contains('iPod'))
            mobile = false;
        return null;
    }

 I put that code in my controller and it seemed to work. This might not be the best way but it worked for me.

This was selected as the best answer