Gunnar Peipman's ASP.NET blog

ASP.NET, C#, SharePoint, SQL Server and general software development topics.

Sponsors

News

 
 
 
 
 
DZone MVB

Links

Social

SharePoint: Customizing DispForm.aspx and EditForm.aspx through browser

DispForm.aspx that displays detail view of list item and EditForm.aspx that displays edit view of list item are not customizable by default. You can move to these pages but there is no Edit option in Site Actions menu. But it still possible to customize these pages, add new web parts there and so on. All you need is your web browser.

  1. Go to DispForm.aspx or EditForm.aspx you want to customize.
  2. Change the query string part of URL so that query string is like this:
    DispForm.aspx?ID=???&ToolPaneView=2 &PageView=Shared
    ??? = ID of current list item, you don’t have to change it.
  3. Modify pages as you want and save them.
  4. After first modification the Edit option in Site Actions menu should also be visible now.

I found this information from somewhere but I am not able to find the original blog entry anymore. If somebody knows where it is peale let me know so I can provide link to author here.

Update. Erwin Bastiaensen thought that maybe I found this information from his blog entry Add Web Parts to DispForm, EditForm or NewForm.aspx. I think it is possible, so credits go to Erwin. :)

Posted: Jun 05 2009, 04:20 PM by DigiMortal | with 4 comment(s)
Filed under:

Comments

Rajesh said:

suppose there are 5 field in Task List. In Edit option I want to show only one field. Lets say only   Approve/Reject  checkbox.

How to hide the these fiedls in editform.aspx?

# February 18, 2011 4:55 AM

Ankit said:

I am also  looking for same kind of information as Rajesh is asking. Please let me know if you find any solution.

Thanks

# May 30, 2011 6:11 AM

Rajdeep said:

@Ankit,

To hide or do any kind of further customization you need to add a content editor webpart in the EditForm.aspx page and write javascript or Jquery to hide all the fields. For example to hide a field called Name write below,

$("input[title='Name']").parent().parent().parent().hide();

troubleshoot a bit with the number of parent tag you need if it doesn't work in forst shot.

Happy Scripting !

# June 20, 2011 2:36 AM

Conrad said:

Hi, I'm new to web design and I saw your blog. I'm looking for a way to hide the column names that appears in the DispForm.aspx so that only the data is displayed. I also want to remove the table boarders. Do you have any suggestions?

Regards,

Conrad

# August 18, 2011 6:20 AM
Leave a Comment

(required) 

(required) 

(optional)

(required)