SharePoint 2010: Mobile Devices and Scrolling




May 10, 2011 —  (Page 1 of 2)
I get a lot of different SharePoint branding questions these days when I speak or work our booth at trade shows (like SPTechCon!), but one of the more popular questions has to do with SharePoint 2010 and mobile devices like the iPhone, iPad and Android.

SharePoint 2010 has a mobile view that displays by default for many devices, but it’s primarily focused on getting you access to the content of your SharePoint site without much consideration for the look and feel. It’s really better suited for an intranet environment and does a great job of making sure mobile devices can access SharePoint 2010.

When most people ask me about mobile devices, they are wondering about public-facing Internet sites or blogs that are accessed by anonymous visitors. Until recently I hadn’t looked into this problem too closely... but then one of my coworkers, Todd Klindt, was complaining about how Android and iPad visitors weren’t able to scroll on his blog. Maybe it was because of Todd’s booming voice and boyish good looks, or perhaps it was because he asked at just the right time (when I had a SP2010 virtual machine open), but I took some time to help him fix the issue, and I’ll share the results with you now.

The first thing you need to do is turn off the mobile view for the browsers that will show the full view of your website. This can be done by editing the compat.browser file on your Web server. The exact path to the file is dependent on the directory in which your Web files are stored, but an example path would be:

C:\inetpub\wwwroot\wss\VirtualDirectories\80\App_Browsers\compat.browser

Then find the <browser> node for the particular device you are interested in and change the value of isMobileDevice to false. You can find more information here: http://technet.microsoft.com/en-us/library/ff393832.aspx.

With that change in place, your mobile devices should be showing the full Web view of your SharePoint site, but you will quickly see that long pages will not scroll properly on some devices. The big problem here is actually how the ribbon code for SharePoint 2010 is implemented. By default, SharePoint 2010 turns off the normal browser scrollbars and then adds them back in with JavaScript in order to ensure that the ribbon stays at the top of the page, no matter how long the page is. Unfortunately, many mobile browsers don’t have the same JavaScript support as desktop browsers, and the scrolling simply fails.


Pages 1 2 


Share this link: http://www.sptechweb.com/link/35515

 
 
This site's content Copyright © 1999 - 2014 by BZ Media LLC, All rights reserved.
Legal and Privacy
Phone: +1 (631) 421-4158 • E-mail: info@bzmedia.com