Home > customization and design, SharePoint Server 2010 > Customizing list forms using InfoPath Designer 2010

Customizing list forms using InfoPath Designer 2010

If you want to get acceptable UI of SharePoint list forms , if you want reorganize the layout of SharePoint list forms , just you can customize list Edit\New\Display Form individually in InfoPath designer 2010 .

Customizing list forms is very easy with InfoPath 2010.  A “Customize Form” option is provided along with the list properties as below screen

In InfoPath designer 2010 you can customize all list forms such as New form, Display Form, and Edit Form as we see in the following scenario.

Suppose you have a list called (Employee) and you want to customize each of Edit\New\Display form in this list. so , e we will do the following steps :-

1-   Go to Employee List, and click on List Tab in ribbon , you will see group called “ Customize List “ which contains “Customize Form “ Option as below screen


2-   Click on “Customize Form” button , info path designer will open with default form of current list

3-   Now, as we told above we want to customize all list New \ Display \ Edit Forms , so we need to create 3 new view from info path designer 2010 as below screen, from “Page Design “ Tab , we click on “ New View “ , we will do previous steps 3 times

a-    Create First View , I gave it “ New View “ name.

Then customize this new view as you need, my customization as below

b-   Create Display View , , I gave it “ Display View “ name.

Then customize this Display view as you need, my customization as below

c-    Create Edit View , I gave it “ Edit View “ name.

Then customize this Display view as you need, my customization as below

4-   Now , we have created 3 new form to be used with employee List instead of default forms . now , we will publish these new forms at SharePoint server

5-   Now , all new forms published at SharePoint, now next step is replacing default forms with our new forms . as the following

a-    Open your SharePoint site , and go to our employee list , then from ribbon , in Customize List group , in case you want to replace default form with new view as below screen

When click on (item) New Form , below screen will open , as you see red box ,from web part properties , select the new view you want to display

Now, when you click on New Item link , the new form will appear instead of default on

To replace other forms (display \ Edit) , do previous steps .

Advertisements
  1. May 22, 2012 at 4:26 am

    I have wanted to post something like this on my site and you have given me an idea.

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: