Customize list view using SPD - DataView / Display Template RRS feed

  • Question

  • Hi,

    i want to customize SharePoint list view using SharePoint designer 2013. What is the best way of customization from the below options?

    1. DataView - Customize XSLT (customize entire view)
    2. Display Templates
    3. JS - client side rendering

    I'm new to this customization, kindly explain the best approach and implementation.

    Anandhan.S Remember to 'mark or propose as answer' or 'vote as helpful' as appropriate.

    Tuesday, January 12, 2016 3:24 PM


All replies

  • Hi Anandhan.S,

    Yes, you can customize the List’s display template as search result template, if you have publishing feature enabled site you can put the custom CSS, HTML and JS in Style library and can utilize.

    By using SharePoint designer when you modify the data source easily. Select only those data source fields which you want to update and follow below mentioned steps 1.Create a Data View and set the Data Source 2.Click the Sign Arrow to display Common Tasks for the Data View and 3.Then Click the Data View Properties, click Editing Tab and depending on your requirement you can select Insert/Edit/Delete Links and can perform your required operation

    Follow this link for customize the Data View Webpart and use XSLT.



    SharePoint Architect



    Please click "Mark As Answer" if this post solves your problem or "Vote As Helpful" if it was useful

    Tuesday, January 12, 2016 4:59 PM
  • Hello, 

    In all cases you will use XSLT for customization.

    Display template is to make it easy to choose your design ( list, table , etc) after choosing your template you will go throw XSLT for applying style and other customization if needed. 

    Please click (Mark As Answer) if this post solves your problem or (Vote As Helpful) if it was useful

    Wednesday, January 13, 2016 8:07 AM
  • Hi Anandhan.S,

    Is there any update?

    Have you solved the issue?

    Best regards,

    Linda Zhang

    TechNet Community Support
    Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact tnmff@microsoft.com.

    Thursday, January 21, 2016 11:35 AM