Is it possible to style mobile list views?

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

-

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:

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:

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:

MobileItemLimit can be specified also through the view settings page:

-
I was asked to answer this on Twitter, but you nailed it, Omlin. –  Louise van der Bijl Sep 20 '11 at 12:05
Thanks Omlin. Very helpful. Do you know of where can I find the CSS styling used for the views or does it depent on page layouts for the display? I wan't to change the backcolor and the way items are displayed on the list. Example: Item Title <br> Description <!--- Where description is a column on my list. The backgroud in blue and item tiles in red --!> Thank you again. –  Sepaka Sep 20 '11 at 12:13
CSS styling is inline for OOTB mobile list views. It is implemented using SPMobilePaddedPanel and hardcoded values, like this: <SPMobile:SPMobilePaddedPanel RunAt="Server" BackColor="#F6F6F6">. So there are no any detached css files for that. You can ascertain yourself, just glance in ..\14\TEMPLATE\LAYOUTS\MOBILE\*.aspx and in '..\14\TEMPLATE\CONTROLTEMPLATES\MobileDefaultTemplates.aspx' file. –  Andrey Markeev Sep 20 '11 at 12:28
You are the star Omlin. I can see the light now. –  Sepaka Sep 20 '11 at 12:31
@Sepaka, you're exaggerating and you know this:) But anyway, flattered, thx :) Glad to see my replies help someone. –  Andrey Markeev Sep 20 '11 at 12:37

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.

-
Thanks for your response FreeStyler. I will have a look at the links and get back to theforum. Much appreciated. twitter.com/Sepaka –  Sepaka Sep 20 '11 at 8:37