Customizing the SharePoint Mobile Experience

Neil Iversen Inetium http://justaddcode.com

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

The Easy Stuff

• Hey, I can see SharePoint on my phone!

• Viewing a Mobile Site ● ● Not all site templates are supported • Notably Central Admin and Meeting Sites • Interacting with Lists ● http://somesite/sitea/m • Mobile Representation of SiteA Items can be: • Added • Updated • Deleted • Viewed

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/ ● ● Browser Capability File • \Inetpub\wwwroot\wss\VirtualDirectories\80\App_Browsers\compat.browser

• Controls – Some behave differently ● (semi)Graceful Downgrade Examples: • Date Picker turns into TextBox • Attachments are limited to 3

How it Works

• What Happens For a Request?

Site Request Team Site,… Wiki,Blog mbllists.aspx

bloghome.aspx

DEMO – Using a Blog Site

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

DEMO – Creating Mobile Views

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

• Changing the Defaults ● Saved in the Web’s Property Bag (10)

DEMO – Updating Rendering Limits

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

Customizing the Display

• Home Page – SiteTemplateName ● ● Title Contents ● Navigation • List Views – ListTemplateID ● ● Title Contents ● Navigation • Item Forms - ListTemplateID ● ● New/Edit/DisplayForm_Title New/Edit/DisplayForm_Contents ● New/Edit/DisplayForm_Navigation

DEMO – Customizing Mobile Display

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

DEMO – Creating a Mobile Control

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

DEMO – Creating a Mobile Field

Creating Mobile Solutions- InfoPath

• Supports Mobile Rendering

Creating Mobile Solutions

Mobile can be a gateway to a process Workflow and Events can carry the solution List Item Mobile List Item Solution Mobile InfoPath

DEMO – Beyond the Mobile Interface

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!

Questions?

Thanks!

Neil Iversen Inetium http://justaddcode.com