26 June 2012

Infopath 2010


Data capture Forms in SharePoint 2010 lists can be created and customized using InfoPath forms in two ways; List based Forms and Document based forms, we will cover those two types of InfoPath forms in this post with step by step sample for creating a collect feedback form then we will compare those types of implementations, this post is related to the main post of InfoPath Forms Options in SharePoint 2010
Now we will start by creating document based form to submit feedback:
1- Open Microsoft Office Info path 2010 Designer (all programs> Microsoft Office > Microsoft Office Info path 2010 Designer)
2- At home page Click new > blank form > design form
clip_image002
3- Click on insert and choose the form layout (in this case lets choose “two column” form)
clip_image003
4- Click on click to add title and add the title of the form (Feedback in our case)
5- Click on add label to add the field name(title in our case)
6- Click on add control > Home (in the menu tab) > text box (in controls section)
7- Right click in text box to edit its properties
clip_image005
8- Type the title in field name, choose the field data type text string, check cannot be blank.
clip_image007
9- Click on the second click to add title and type the name of the second field ( feedback in our case)
10- Click on Add control > Home (in the menu tab) > Rich text box (in controls section)
11- Right click in rich text box to edit its properties
12- Enter Rich text properties
clip_image009
13- Click on add control > Home (in the menu tab) > Button (in controls section)
clip_image011
It is advisable to resize the form and delete unused rows before proceeding.
14- Double click on the button to edit its properties (the menu to edit the button properties get displayed on the top menu).
clip_image013
15- Type send at the label field
16- Click on Action dropdown list and choose Rules and custom Code
clip_image015
17- Click on Add rule > When this Button is Clicked > Submit Data
clip_image017
clip_image018
18- Click on Add... then Next
clip_image020
19- Enter the document library URL
20- Click on icon clip_image021 at the end of Field name.
21- Click on insert Function…
clip_image023
22- In this sample I will use the current date time as name of the submitted form :Choose Now > OK
Now means the form name will have the date time value for the form once submitted to give the form unique name
clip_image025
23- Click Next
clip_image027
24- - Click on Finish
clip_image029
21 Additional rules can be added in order to clear title and feedback field after submission, Double click on the button control Add Rule > When this button is clicked Set Field’s value
- Choose tittle after clicking on icon clip_image030 and set the value to blank and click OK
clip_image032
22 Double click on the button control Add Rule > When this button is clicked Set Field’s value
- Choose feedback after clicking on icon clip_image030[1] and set the value to blank and click OK
clip_image034
Now we will publish the form to SharePoint forms library .
23 Click on File > Publish > SharePoint Server
clip_image036
24 Enter portal URL
clip_image038
25 Choose Form library > Next
-clip_image040
26 - Click Next
25- Choose Create a new Library to create library that host the forms document
26- Enter library name and click Next
clip_image042
26 Click Add, and add the columns to display (in our case: title and feedback) and click Next. Then Publish > close
clip_image044
27- Now navigate to the portal web part page that you need to display the form in; then click Site action > Edit page to insert the web part that will display the form.
28- Click on Add web part
29- In Forms folder at web parts gallery Info Path form Web part > Add
clip_image046
30- click on “click here to open the tool pan” in inserted web part ,or open web part properties
clip_image048
31- Choose the name of library form the List or library dropdown List and click ok
clip_image050
32- Below the result screenshot
clip_image052
33- Try to save three values using the form created then browse to the form library to see saved items.
clip_image054
If you have noticed the library columns are automatically populated using metadata promotion feature in SharePoint which will get the data from the form and display them directly to library columns.
clip_image056