1. Customizing the SharePoint Mobile Experience
Microsoft ASP.NET Connections
Customizing the SharePoint Mobile Experience
Neil Iversen
Inetium
Updates will be available at _06/ASP_Connections

2. 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 _06/ASP_Connections

3. Microsoft ASP.NET Connections
The Easy Stuff
Hey, I can see SharePoint on my phone!
Viewing a Mobile Site
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 _06/ASP_Connections

4. 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 _06/ASP_Connections

5. 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 _06/ASP_Connections

6. 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 _06/ASP_Connections

7. 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 _06/ASP_Connections

8. DEMO – Creating Mobile Views
Microsoft ASP.NET Connections
DEMO – Creating Mobile Views
Updates will be available at _06/ASP_Connections

9. 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 _06/ASP_Connections

10. DEMO – Updating Rendering Limits
Microsoft ASP.NET Connections
DEMO – Updating Rendering Limits
Updates will be available at _06/ASP_Connections

11. 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 _06/ASP_Connections

12. 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 _06/ASP_Connections

13. 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 _06/ASP_Connections

14. 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 _06/ASP_Connections

15. DEMO – Creating a Mobile Control
Microsoft ASP.NET Connections
DEMO – Creating a Mobile Control
Updates will be available at _06/ASP_Connections

16. 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 _06/ASP_Connections

17. DEMO – Creating a Mobile Field
Microsoft ASP.NET Connections
DEMO – Creating a Mobile Field
Updates will be available at _06/ASP_Connections

18. Creating Mobile Solutions- InfoPath
Microsoft ASP.NET Connections
Creating Mobile Solutions- InfoPath
Supports Mobile Rendering
Updates will be available at _06/ASP_Connections

19. 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 _06/ASP_Connections

20. DEMO – Beyond the Mobile Interface
Microsoft ASP.NET Connections
DEMO – Beyond the Mobile Interface
Updates will be available at _06/ASP_Connections

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. Microsoft ASP.NET Connections
Questions?
Updates will be available at _06/ASP_Connections

23. Microsoft ASP.NET Connections
Thanks!
Neil Iversen
Inetium
Updates will be available at _06/ASP_Connections