Customize SharePoint List Forms using InfoPath 2010


Description:

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: