Customizing%20the%20SharePoint%20Mobile%20Experience

1
Customizing the SharePoint Mobile Experience

• Neil Iversen
• Inetium
• http//justaddcode.com

2
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

3
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

4
How it Works

• The Magic of /m
• Redirects mobile users to the mobile friendly
  pages
• Contains a subset of SharePoints 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_Bro
  wsers\compat.browser
• Controls Some behave differently
• Examples
• Date Picker turns into TextBox
• Attachments are limited to 3

5
How it Works

• What Happens For a Request?

6
DEMO Using a Blog Site
7
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

8
DEMO Creating Mobile Views
9
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 Webs Property Bag

10
DEMO Updating Rendering Limits
11
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
12
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

13
DEMO Customizing Mobile Display
14
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 ASPs mobile abilities
• Deployment
• Similar process to previous customizations
• Make sure assembly is installed
• Add proper ASP tag

15
DEMO Creating a Mobile Control
16
Creating Mobile Custom Fields

• Why?
• Youve 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

17
DEMO Creating a Mobile Field
18
Creating Mobile Solutions- InfoPath

• Supports Mobile Rendering

19
Creating Mobile Solutions

• Mobile can be a gateway to a process
• Workflow and Events can carry the solution

20
DEMO Beyond the Mobile Interface
21
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!

22
Questions?
23
Thanks!

• Neil Iversen
• Inetium
• http//justaddcode.com