1

I have a list in SharePoint that is housing all the company news, I want to now customise the way this looks and despite trying to do so with a custom list view I'm not getting anywhere. How can I customise my list view and by customise I mean add code like <div> etc?

  • Code like etc ? What are you trying to achieve ? – Arsalan Adam Khatri May 30 '14 at 14:43
  • I want to be able to customise the list view extensively. I want to bring it inline with my branding and I can't do that at the moment, I can't add code to the custom list view I have made via SharePoint Designer. I want to be able to change the way the table is put together etc so quick in depth. I found this which touches on what I'm talking about office.microsoft.com/en-us/sharepoint-designer-help/… – Yanayaya May 30 '14 at 15:03
  • If it's that customized why don't you go for a Visual Web Part instead ?? – Arsalan Adam Khatri May 30 '14 at 15:19
4

In 2013, we have access to the JSLink property, which allows you to specify a js file that contains custom rendering code for a list web part. Just search for "sharepoint 2013 jslink" to find lots of resources, or check out the following:

http://zimmergren.net/technical/sp-2013-using-the-spfield-jslink-property-to-change-the-way-your-field-is-rendered-in-sharepoint-2013

http://code.msdn.microsoft.com/office/Client-side-rendering-JS-2ed3538a

1

You could add a content editor web part with CSS to the page with the list.

0

I understand that you want your custom rendering in the list view without adding custom server side code, that is pretty much possible with two scenarios:-

  1. Create a jQuery script that reads list item using web services and create your custom rendering.
  2. You can think of using XSLT List View Rendering this is most preffered way, just develop yoru XSLT that wraps around your field onto custom elements. and update your list view web part property (XSL Link) to point to your xslt file.

This is really very simple and should help you.

Refer: XSLT and SharePoint

  • As XSLT is a server side technology, it is no longer recommended for SharePoint 2013, as MS is encouraging client-side development. – Mike2500 May 30 '14 at 19:13
  • Mike, seriously...I doubt that, XSLT is not a server side thing, you just develop XSLT file and upload it to your Style Library, I have recently used it in my SharePoint 2013 environment and it works great. – Sudhir Kesharwani May 30 '14 at 19:17
  • I'm sure it works great for you, but the XSLT is executed by the server and only HTML content is returned to the client. So, yes, it works, but server-side functionality is not the direction MS is pushing. – Mike2500 May 30 '14 at 19:21
  • Thanks for the feedback on this, I was liking the look of XSLT but could gain a lot more from the benefits of using jslink. Does anyone have any good examples of its use? Everything I look at is for doing advanced things like adding status bars when all I'm looking to do is some styling. – Yanayaya Jun 2 '14 at 10:06
  • Have you checked out Zimmergren's samples? They're usually pretty good: zimmergren.net/technical/… – Mike2500 Jun 12 '14 at 11:39

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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