1

I've included a List View Web part on a page. I want to show a list of links. How do I style it? Such as changing the CSS, adding icons etc.

1 Answer 1

2

The question is a bit vague, only because there are quite a few ways to do, and doing an initial search you will find quite a few resources.

I will list out 3 possible methods for you:

  1. Edit the page with SharePoint Designer.
  2. Use a content editor and/or script editor web part on the page.
  3. Use display templates - in your list webpart properties there is an option at the bottom of the page to a link to a JSLink file. This is a JavaScript file that SharePoint will use to create a rendering template for your list view.

Which one should you use? It depends.
If you want to re-use the style, then look at #3.
If it's one off and you need a quick solution use #2 If you need the code to not be modified by a user with contribute permissions, and it's a one off look at #1

There are actually a few more advanced methods but these are the most common. I encourage you to look at Microsoft MSDN site regarding JSLink files - they provide quite a bit of power.

2
  • Thanks I've been testing out JS Link and it seems to do what I need with lists. Are JS Link files considered display templates themselves?
    – matt
    Commented Oct 10, 2014 at 22:38
  • Probably not 100% - but they work the same. With "Display Templates" you deploy those to the master pages library and they become available for selection in your search web parts. Commented Oct 11, 2014 at 18:46

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.