Customize list view using SPD - DataView / Display Template

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.

Answer 1

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.

https://social.msdn.microsoft.com/Forums/office/en-US/125a8063-6238-489b-9eb5-23aa2106125e/custom-form-not-displaying-the-right-item-from-list-dvwp-spd?forum=sharepointcustomizationlegacy

---

KRISHANA KUMAR

SharePoint Architect

Mosstechnet-kk.com

 

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

Answer 2

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

Answer 3

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 [e-mail].