ARTICLE

Customize share point List Form using XSLT

Posted by Destin joy Articles | SharePoint 2010 August 13, 2010
In this article I am showing how to customize share point default form look and feel using XSLT.
Reader Level:

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.

Image1.gif


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

Image2.gif

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

Image3.gif

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

Image4.gif
 
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

Image5.gif
 
7. You will get a popup as shown below

Image6.gif
 
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

Image7.gif
 
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

Image8.gif

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


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

Image10.gif
 
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

Image11.gif

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

Login to add your contents and source code to this article
post comment
     

I dont have any idea about this tool.Please check if it satisfies all your requirements:)

Posted by Destin joy Dec 27, 2010

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

Posted by Pepe Dec 22, 2010

Instead of deleting the list webpart just hide it by right clicking it

Posted by Destin joy Nov 14, 2010

Hello Destin,

Thank you!
I am the single site administrator and i've applied yesterday the same actions, several times to several new forms. Something else is happening. I begun to like making research in this case, so ...
If I'll find something interesting in this case, I'll let you know.
Greetings,
Laura

Posted by Laura Sandovici Sep 02, 2010

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

Posted by Destin joy Sep 02, 2010
COMMENT USING
PREMIUM SPONSORS
Over-C is a holistic consortium of communications and technology specialists. We build, deploy and market both business as well as consumer products and solutions.
Join a Chapter
SPONSORED BY
  • PDF reports have never been easier to create. With our included WYSIWYG Designer, you can layout your reports, set up your data source and let DynamicPDF ReportWriter do the rest.
Join a Chapter