Customize SharePoint List Forms using InfoPath 2010


I have a custom List named Employee Details which contains the following columns

Here I am going to customize the list forms using InfoPath 2010 and the form looks like the following

Customize SharePoint List Form:

  • Go to Employee Details list.

  • On the ribbon interface, click on List Tools and then click on List tab.

  • Click on Customize Form which is available in Customize List ribbon group.

  • InfoPath form will be opened.

  • Select all content in the form by pressing CTRL+A.

  • Press Delete to delete all the content in the form.

Create Custom Layout:

  • On the Page Design tab, click Page Layout Templates, and then click Color Bar as shown in the following

  • The layout looks like the following

  • Select the layout table, and then click the Center button on the Home tab of the ribbon.

  • Click on Add tables placeholder text.

  • On the Insert tab, click on Two - Column 2 table as shown in the following

  • Add one more Two - Column 2 table.

  • The layout looks like the following

Add a header image to the form: