2007-04-19

Creating custom forms for sharepoint lists using SharePoint Designer

Yes, we all have to face it (sooner or later): SharePoint designer IS a great tool - the tool - to customize SharePoint applications! We (as programmers) DO NOT need to write invent the wheel again, and again, and again.... SharePoint Designer AND Visual Studio 2005 (and C# programming) will be OUR tools.

So, how do we create a customized form to register our data in a list? Follow these steps:

  1. Open the site in SharePoint designer where the list is located and navigate to the list
  2. Make a copy of the newform.aspx and name it mynewform.aspx
  3. Open mynewform.aspx in the designer in html view
  4. Select the ListFormWebPart and delete it
  5. Select 'Insert Sharepoint controls Custom List form'
  6. Add design elements, move things around, delete fields, etc to create the form as you would like it.
  7. Save it.
  8. Right click the list name in the folder list and select Properties
  9. Select the 'Supporting files' tab
  10. Select Item in the 'Contenty type specific forms' list
  11. In the field 'New Item Form' browse to mynewform.aspx
  12. Select 'OK'.
  13. Browse to your list in the web browser, select New and your mynewform.aspx should be the form that is used

Other articles:

2 comments:

Anonymous said...

If things stay grayed out. Make sure you:
1- you have the Sharepoint Assembly Registered using the Register Page directive.
2- you save the file before going to the menu and select the insert SharePoint Control.

Regards Koen

Anonymous said...

As I can see you need full contributor permisions to be able to store the changes.