.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
 
Sign In
Register
 
Win Surprise Gifts!!!
Congratulations!!!


Top 5 Contributors of the Month
david stephan

Home >> Articles >> SharePoint >> Post New Resource Bookmark and Share   

 Subscribe to Articles

SharePoint2010 branding for Mobile browsers

Posted By:Ravishankar       Posted Date: May 14, 2011    Points: 200    Category: SharePoint    URL: http://www.dotnetspark.com  

Through this article I am going demonstrate you how to make consistent UI in sharepoint2010 in different mobile browsers.
 

Hi friends,

Through this article I am going demonstrate you how to make consistent UI in sharepoint2010 in different mobile browsers.

My mates every time asking me why we need to involve mobile device with SharePoint. Through this article I am just giving the sample where I am showing why we are slowly moving to mobiles from PC. While giving demo on "SharePoint on mobile" to client I found below things:

·         Client want everything on their hand, means on mobile (Bcoz of busy schedule no time to open laptop/system J)

·         Client doesn't want to compromise with UI.

·         Application should as simple and easy to use.

·         Application should be scalable and easy to extend in future.

Out of all four, below three is already provided by SharePoint. SharePoint is lacking somewhat in First point.  But as I said we developer can do anything so here we can do the same "We will bind the SharePoint without breaking SharePoint Rules".

I am using safari browser for the demonstration because through safari browser we can check the application in different browsers. To do this we need to follow below steps :

1.       Open the safari browser.Click on Preference

2.       Click on Advance tab, Check "show Develop menu in menu bar and close

3.       Go to Developer menu bar,

Now open the SharePoint site in safari browser after selecting User agent as Mobile browsers e.g." Mobile Safari 4.1-iPhone" .The SharePoint site will look like below

 

The actual site will look like below if you open the same site in IE browser

 

As I said, Client always want the same UI so our next target is to make same UI as it is in normal PC browser.

Follow the below steps to achieve this :

1.       Go to "Run", enter "C:\inetpub\wwwroot\wss\VirtualDirectories",Select your site port number e.g.Port:2255, then my comple path should be like "C:\inetpub\wwwroot\wss\VirtualDirectories\2255\App_Browsers". Open the "Compact. Browser" file in notepad.

2.       The browser.compact file help you in finding browser before loading the sharepoint site in browser. Open the file in notepad and Find "".

It will look like below:

   

   

       

           

           

       

       

                                value="true" />

                          value="true" />

                             value="1500" />

                       value="true" />

                           value="true" />

              value="true" />

       

   

3.       Change"     value="true" />" to "    value="false" />"

4.       Save,iisreset and refresh the safari browser. SharePoint site will look like below :

 

5.       That's all. We are done with our requirement.

Hope you like this article and the beginning where you can show your sharepoint on mobile browser as well.

I suggest you to create a feature where you can add the mobile device ID and based on the id you can do the branding and customization. Below are the list of popular mobile browsername with ID

Browser

ID

SymbianOS Safari Browser

SymbianSafari

Nokia SymbianOS Safari Browser

NokiaSymbianSafari

iPhone Safari Browser

iPhoneSafari

iPod Safari Browser

iPodSafari

Android Safari Browser

AndroidSafari

HTC Opera

HTCOpera

Samsung Opera in Windows Mobile OS

SamsungOpera8to9

 

 


 Subscribe to Articles

     

Further Readings:

Responses

No response found. Be the first to respond this post

Post Comment

You must Sign In To post reply
Find More Articles on C#, ASP.Net, Vb.Net, SQL Server and more Here

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend