Customize share point List Form using XSLT

Destin Joy

16y35.9k90100Article

SharePoint XSLTShare Point ListCustomize share point List Form using XSLT

9 Comments

Join the conversation! Your thoughts help the community grow.

santhosh saripalli12y ago
the form newform.aspx is imported from what location .is it from program files means after deployment of project or before deployment
Pepe15y ago
Is it a good choice to use this tool?: Kaldeera Advanced Forms (http://www.kaldeera.com/en-US/products/AdvancedForms/Pages/default.aspx) Thanx in advance. Pepe
- Destin Joy15y ago
  I dont have any idea about this tool.Please check if it satisfies all your requirements:)
Laura Sandovici16y ago
Hello Destin, Thank you for your post. I find it very usefull. What if I want to do this kind of changes visible to all site users? Would you give me an advice in this sense? Thank you in advance. Laura
- Destin Joy16y ago
  Instead of deleting the list webpart just hide it by right clicking it
- Destin Joy16y agoedited
  Hi Laura, I think the same file may be checked out by some one else.Please try one of the following 1.Add you as the site collection administrator of the site 2.Create a new list and try the customization Thanks Destin<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><o:p></o:p>
- Destin Joy16y agoedited
  Thank you Laura, for your compliments!!!<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><o:p></o:p> I hopes you done the changes after check out.After your changes just save the changes and Check in your page say Newform.aspx Thats all....it will be visible to all people.Let me know if you need any further help Thanks Destin

HTML clipboard

In this article I am showing how to customize share point default form look and feel using XSLT. A default task list NewForm.aspx is as shown below. I will show you how to change the fields in two columns.

1.

2. First step is to open your site in share point designer then find out the list then the page NewForm.aspx. .Don't forget to check out the Newform.aspx page as shown below

3. Open the NewForrm.aspx,Just select the List web part as shown below

4. Delete the List web part by pressing your "Delete" key. The form now will look like below

5. Please make your selection is still on the portion marked RED above.

6. Go to Insert then SharePoint Controls and select Custom List From form the menu

7. You will get a popup as shown below

8. Please make sure you have selected your list and content type from the first and second drop down. In my case I selected my Task list and Task content type.

9. From the next option button select New Item From as shown above. You have to repeat the same step for Edit and View forms also.

10. Now your list be converted to a Custom list from as shown below

11. You can now select any column or row as per your wish.

12. Right click on Title field then select Row as shown below

13. Then the row containing Title and the text box for entering Title be selected in the code view also.

14. I want to align Title and priority fields on the same row so I am removing the Second row starting and first row closing to put this two in one row. Please find the screen shot below

15. Please repeat the same step for the remaining columns also as shown below

16. Save your changes then check in NewForm.aspx.

17. Now you open your New form in Task list .You can see the columns are arranged like shown below

18. This type of customization is useful if the list contains large number of fields.