InfoPath Web Part in SharePoint 2010


Introduction:

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

InfoPath Web Part in SharePoint 2010

I have customized the list forms using InfoPath 2010 and the form looks like the following

list forms using InfoPath 2010

And I have modified the view for the Employee Details list as shown in the following

list forms using InfoPath 2010

In this article we will be hosting the forms in a Web Part inside any Web Part page and will be creating an list view web part in the same page. Then we will use the connections between the Web Parts to interact with other components on the page.

Create Web Part Page:

  1. Open SharePoint site.
  2. Go to Site Actions => More Options...

    Create Web Part Page sharepoint
     
  3. In the left task pane, select Page.
  4. Click on Web Part Page and then click on Create.

    Create Web Part Page sharepoint
     
  5. Enter the Name for the page and click on Ok.
  6. The page looks like the following

    Create Web Part Page sharepoint

Create List view web part:

  1. In the web part page click on Add a Web Part.
  2. In the Categories section, click on Lists and Libraries and then click on Employee Details.

    Create List view web part sharepoint
     
  3. Click on Add.

Create InfoPath Form web part:

  1. In the web part page click on Add a Web Part.
  2. In the Categories section, click on Forms and then click on InfoPath Form Web Part.

    Create InfoPath Form web part sharepoint
     
  3. The web part looks like the following

    Create InfoPath Form web part sharepoint
     
  4. Click on Click here to open the tool pane to select the form.
  5. In the tool pane, select Employee Details from drop down in List or Library.

    Create InfoPath Form web part sharepoint
     
  6. Select Item from the drop down in Content Type.
  7. Click on Ok.

Connecting the web parts:

  1. In the InfoPath Form Web Part, click on the down arrow.
  2. Click on Connections, then click on Get Form From and click on Employee Details.

    Connecting the web parts Sharepoint
     
  3. On the Page tab click on Stop Editing.

    Connecting the web parts sharepoint
     
  4. On the Page tab click on Stop Editing.
  5. Click the icon next to the First name in the Employee Details list, the details for that employee will appear in the InfoPath Form Web Part.

    Connecting the web parts sharepoint


Conclusion:

In this article we have seen how to create an InfoPath form web part.

Up Next
    Ebook Download
    View all
    Learn
    View all