Is it possible to style mobile list views?

Question

I have been working on a task to style mobile lists views and since then, I have been unable to find a solution in terms of how I could get the views styled. So I am starting to wonder if is it really possible to style mobile list views in SharePoint 2010.

Your feedback in this regard will be appreciated.

Many thanks,

Sepaka

Answer 1

You can style your list views using jQuery. jQuery mobile framework provides rich, accessible, touch-friendly websites and apps. However, I don’t really know if it is the best way to present information. It all depends on requirements...

Here is a quick walkthrough by Microsoft and Overview of Mobile Page, if you're pretty new to mobile pages development.

Answer 2

Responding to your sharepoint-designer tag, I'm afraid, there is no way to style mobile list views through SharePoint Designer.

You should use RenderingTemplates for this purpose, as it is described on MSDN:

• http://msdn.microsoft.com/en-us/library/bb861936.aspx

This way, you'll have to deploy a custom RenderingTemplate to the 14/template/layouts/controltemplates folder, so this can be done either manually or (a better way) with help of a SharePoint farm solution (wsp). Hence, anyway, you'll need a farm administrator privilegies for that.

Following article demonstrates a rather illustrative example of creating a RenderingTemplate for mobile list view:

• http://msdn.microsoft.com/en-us/library/ms457259.aspx

You can use a bunch of SharePoint mobile controls in the RenderingTemplate, or even you can create your own.

Also, you can customize mobile view a bit, modifying following SPView object properties:

• SPView.MobileItemLimit - number of items shown on a page
• SPView.MobileSimpleViewField - specify column, which will represent an item in mobile view

MobileItemLimit can be specified also through the view settings page: