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:

1. Go to Employee Details list.
2. On the ribbon interface, click on List Tools and then click on List tab.
3. Click on Customize Form which is available in Customize List ribbon group.
   
   
   
4. InfoPath form will be opened.
5. Select all content in the form by pressing CTRL+A.
6. Press Delete to delete all the content in the form.

Create Custom Layout:

1. On the Page Design tab, click Page Layout Templates, and then click Color Bar as shown in the following
   
   
   
2. The layout looks like the following
   
   
   
3. Select the layout table, and then click the Center button on the Home tab of the ribbon.
4. Click on Add tables placeholder text.
5. On the Insert tab, click on Two - Column 2 table as shown in the following
   
   
   
6. Add one more Two - Column 2 table.
7. The layout looks like the following
   
   
   

Add a header image to the form: