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?

Improve this question
3
  • Code like etc ? What are you trying to achieve ?
    – Arsalan Adam Khatri
    Commented May 30, 2014 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
    Commented May 30, 2014 at 15:03
  • If it's that customized why don't you go for a Visual Web Part instead ??
    – Arsalan Adam Khatri
    Commented May 30, 2014 at 15:19

3 Answers 3

Reset to default
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

Improve this answer
1

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

Improve this answer
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

Improve this answer
5
  • As XSLT is a server side technology, it is no longer recommended for SharePoint 2013, as MS is encouraging client-side development.
    – Mike2500
    Commented May 30, 2014 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
    Commented May 30, 2014 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
    Commented May 30, 2014 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
    Commented Jun 2, 2014 at 10:06
  • Have you checked out Zimmergren's samples? They're usually pretty good: zimmergren.net/technical/…
    – Mike2500
    Commented Jun 12, 2014 at 11:39

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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