Take the 2-minute tour ×
SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. It's 100% free, no registration required.

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

share|improve this question

2 Answers 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:

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:

gui mobile view settings screenshot

share|improve this answer
    
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.

share|improve this answer
    
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

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.