Customizing the SharePoint Mobile Experience Microsoft ASP.NET Connections Customizing the SharePoint Mobile Experience Neil Iversen Inetium http://justaddcode.com Updates will be available at http://www.devconnections.com/updates/LasVegas _06/ASP_Connections

Microsoft ASP.NET Connections The Plan SharePoint Mobile Overview The Easy Stuff How It Works Customizing the Display Mobile Site Properties Main Mobile Page List View Page Item View Page Going Deep Custom Mobile Web Controls Custom Fields Questions Updates will be available at http://www.devconnections.com/updates/LasVegas _06/ASP_Connections

Microsoft ASP.NET Connections The Easy Stuff Hey, I can see SharePoint on my phone! Viewing a Mobile Site http://somesite/sitea/m Mobile Representation of SiteA Not all site templates are supported Notably Central Admin and Meeting Sites Interacting with Lists Items can be: Added Updated Deleted Viewed Updates will be available at http://www.devconnections.com/updates/LasVegas _06/ASP_Connections

Microsoft ASP.NET Connections How it Works The Magic of /m Redirects mobile users to the mobile friendly pages Contains a subset of SharePoint’s functionality Based on ASP.Net mobility controls Caused by the ‘MobilityRedirect’ feature Uses SPMobileUtility.GetApplicationPath to redirect to URL + /_layouts/mobile/ (semi)Graceful Downgrade Browser Capability File \Inetpub\wwwroot\wss\VirtualDirectories\80\App_Browsers\compat.browser Controls – Some behave differently Examples: Date Picker turns into TextBox Attachments are limited to 3 Updates will be available at http://www.devconnections.com/updates/LasVegas _06/ASP_Connections

Microsoft ASP.NET Connections How it Works What Happens For a Request? Site Request Team Site,… mbllists.aspx Wiki,Blog bloghome.aspx Updates will be available at http://www.devconnections.com/updates/LasVegas _06/ASP_Connections

Microsoft ASP.NET Connections DEMO – Using a Blog Site Click around the Blog Site Show the MobilityRedirect Feature - Look at control Updates will be available at http://www.devconnections.com/updates/LasVegas _06/ASP_Connections

Microsoft ASP.NET Connections Mobile Views Custom Views can be created that are viewable for mobile clients Simple, checkbox driven Use to create scenarios for mobile users Ex: My Urgent Tasks Updates will be available at http://www.devconnections.com/updates/LasVegas _06/ASP_Connections

DEMO – Creating Mobile Views Microsoft ASP.NET Connections DEMO – Creating Mobile Views Updates will be available at http://www.devconnections.com/updates/LasVegas _06/ASP_Connections

Mobile Site Properties Microsoft ASP.NET Connections Mobile Site Properties Control Majority of Mobile Display Features Used to make mobile display more friendly Sections (See SDK) Base Rendering Limits System Rendering Limits mobile_itemtitlelimit (20) Field Related Rendering Limits mobile_choicefieldoptionnumberlimit (10) Changing the Defaults Saved in the Web’s Property Bag Updates will be available at http://www.devconnections.com/updates/LasVegas _06/ASP_Connections

DEMO – Updating Rendering Limits Microsoft ASP.NET Connections DEMO – Updating Rendering Limits Updates will be available at http://www.devconnections.com/updates/LasVegas _06/ASP_Connections

Customizing the Display Microsoft ASP.NET Connections Customizing the Display Customizations stored \12\TEMPLATE\CONROLTEMPLATE\ Pages can be customized by the template and section Title Mobile_STS_HomePage_Title.ascx Mobile_STS_HomePage_Contents.ascx Contents Mobile_STS_HomePage_Navigation.ascx Navigation Updates will be available at http://www.devconnections.com/updates/LasVegas _06/ASP_Connections

Customizing the Display Microsoft ASP.NET Connections Customizing the Display Home Page – SiteTemplateName Title Contents Navigation List Views – ListTemplateID Item Forms - ListTemplateID New/Edit/DisplayForm_Title New/Edit/DisplayForm_Contents New/Edit/DisplayForm_Navigation Updates will be available at http://www.devconnections.com/updates/LasVegas _06/ASP_Connections

DEMO – Customizing Mobile Display Microsoft ASP.NET Connections DEMO – Customizing Mobile Display Explore File System - CONTROLTEMPLATE - MOBILE directory Change Content - Limit List Types Change Title Updates will be available at http://www.devconnections.com/updates/LasVegas _06/ASP_Connections

Creating Mobile Web Controls Microsoft ASP.NET Connections Creating Mobile Web Controls Why? Meet specific mobile requirements Access to external data Advanced UI Requirements Custom Dashboards Reports Why not? Development Derive from System.Web.UI.MobileControls Take advantage of ASP’s mobile abilities Deployment Similar process to previous customizations Make sure assembly is installed Add proper ASP tag Updates will be available at http://www.devconnections.com/updates/LasVegas _06/ASP_Connections

DEMO – Creating a Mobile Control Microsoft ASP.NET Connections DEMO – Creating a Mobile Control Updates will be available at http://www.devconnections.com/updates/LasVegas _06/ASP_Connections

Creating Mobile Custom Fields Microsoft ASP.NET Connections Creating Mobile Custom Fields Why? You’ve created a Custom Field And it needs special Mobile Support You can target a mobile browser Example: Target Pocket IE and enhance the Date Picker You already have some mobile controls Adding existing controls to enhance mobile experience Updates will be available at http://www.devconnections.com/updates/LasVegas _06/ASP_Connections

DEMO – Creating a Mobile Field Microsoft ASP.NET Connections DEMO – Creating a Mobile Field Updates will be available at http://www.devconnections.com/updates/LasVegas _06/ASP_Connections

Creating Mobile Solutions- InfoPath Microsoft ASP.NET Connections Creating Mobile Solutions- InfoPath Supports Mobile Rendering Updates will be available at http://www.devconnections.com/updates/LasVegas _06/ASP_Connections

Creating Mobile Solutions Microsoft ASP.NET Connections Creating Mobile Solutions Mobile can be a gateway to a process Workflow and Events can carry the solution List Item Mobile List Item Mobile InfoPath Solution Updates will be available at http://www.devconnections.com/updates/LasVegas _06/ASP_Connections

DEMO – Beyond the Mobile Interface Microsoft ASP.NET Connections DEMO – Beyond the Mobile Interface Updates will be available at http://www.devconnections.com/updates/LasVegas _06/ASP_Connections

Your Feedback is Important Please fill out a session evaluation form and either put them in the basket near the exit or drop them off at the conference registration desk. Thank you!

Microsoft ASP.NET Connections Questions? Updates will be available at http://www.devconnections.com/updates/LasVegas _06/ASP_Connections

Microsoft ASP.NET Connections Thanks! Neil Iversen Inetium http://justaddcode.com Updates will be available at http://www.devconnections.com/updates/LasVegas _06/ASP_Connections