{"id":68,"date":"2013-04-11T11:20:49","date_gmt":"2013-04-11T11:20:49","guid":{"rendered":"https:\/\/www.harepoint.com\/Blog\/?p=68"},"modified":"2019-02-26T13:44:15","modified_gmt":"2019-02-26T13:44:15","slug":"sharepoint-helpdesk-infopath","status":"publish","type":"post","link":"https:\/\/www.harepoint.com\/Blog\/sharepoint-helpdesk-infopath\/","title":{"rendered":"Creating HarePoint HelpDesk custom request form with InfoPath Designer\u200b"},"content":{"rendered":"\n

HarePoint Help Desk<\/a><\/b> is provided with a Client Web-part<\/b> that allows users to see and track their requests in the Help Desk service. This web-part can be placed on any web-page of your site.<\/p>\n\n

<\/p>\n

Upon clicking Create request<\/i>, a form to add a new request is displayed:<\/p>\n\n

<\/p>\n\n

This form cannot be customized, it is possible to add or remove fields in this form and change the fields order. If you need to add graphics or verify user input in the form fields, it is necessary to create a new form for the SharePoint list named \u201cRequests\u201d. You can create a new form using Microsoft SharePoint Designer<\/b> or Microsoft InfoPath Designer<\/b> which is included in Microsoft Office Professional<\/b> or higher.<\/p>\n

Make sure your account has the required permissions to perform this operation.<\/p>\n

This article explains how to create a new form using Microsoft InfoPath Designer<\/b>.<\/p>\n

Click \u2018All site content\u2019<\/i> and scroll to the \u2018Requests\u2019<\/i> list. As seen in the description on the screenshot, HarePoint HelpDesk<\/b> stores requests from users in this list.<\/p>\n\n

<\/p>\n\n

On the ribbon, click \u2018List\u2019<\/i> (in the \u2018List tools\u2019 group), then click on the icon \u2018Customize form with InfoPath\u2019<\/i>:<\/p>\n\n

<\/p>\n \n

InfoPath will start up and load the necessary information from the server, this may take some time. You will also be prompted for credentials at this stage.<\/p>\n

After loading you will see the initial form, containing all available fields.<\/p>\n

Fields that shouldn\u2019t be present on the form can simply be deleted. They can be added back later by drag-and-dropping from the \u2018Fields\u2019 panel on the right.<\/p>\n\n

<\/p>\n\n

For any element, the style, font, and color can be edited in much the same way as in any other Microsoft Office<\/b> application. Also, you can sort fields in any order, add controls (buttons, check boxes, etc.) and so on.<\/p>\n

For example, it might be useful to have a \u2018Submit\u2019<\/i> button on the form.<\/p>\n

Expand the \u2018Controls\u2019 section on the ribbon and click on \u2018Button\u2019<\/i> icon:<\/p>\n\n

<\/p>\n

This will add a button to the form. Right-click this button and choose \u2018Button properties\u2019<\/i>:<\/p>\n\n

<\/p>\n

From the drop-down list \u2018Action\u2019<\/i> choose \u2018Submit\u2019<\/i> to make this button submit the form:<\/p>\n\n

<\/p>\n

Note that button label will be automatically changed to \u2018Submit\u2019<\/i>; however, it can be renamed:<\/p>\n\n

<\/p>\n\n

On the Page design<\/i> tab on the ribbon, you can choose from pre-defined layout templates and color themes:<\/p>\n\n

<\/p>\n\n

When you have your form designed according to your needs, it will look something like this:<\/p>\n\n

<\/p>\n\n

When you finish, the new InfoPath<\/b> form has to be published on the SharePoint<\/b> site. Click on the \u2018File\u2019<\/i> menu tab, and then on \u2018Publish\u2019<\/i> and choose \u2018SharePoint List\u2019<\/i>:<\/p>\n\n

<\/p>\n\n

Now you can add the customized form to the site page as an InfoPath<\/b> web-part.<\/p>\n

Open the page where you want this form to be inserted, and click \u2018Edit page\u2019<\/i>, then on the ribbon tab: Insert<\/i> and choose Web-part<\/i>. Select Forms<\/i> in the Categories<\/i>, and then InfoPath form web-part<\/i> and Add button<\/i>:<\/p>\n

<\/p>\n

<\/p>\n\n

Click as prompted to open the tool pane:<\/p>\n\n

<\/p>\n\n

In the drop-down list select the Requests list<\/i>, since we\u2019ve been customizing the form for this list. Then click OK.<\/p>\n\n

Now this form is available on the site page:<\/p>\n\n

<\/p>\n\n

You can try filling the fields (note that only the Subject<\/i> field is required in this example) for a new request and click the Submit<\/i> button. A new item will be added to the Requests<\/i> list.<\/p>\n

How to place a customized InfoPath form on another site<\/h2>\n

Using the method above, you can place the resulting InfoPath form only on the site where the list is located. Attempting to place this form on another site will fail since the drop-down list in the properties of the InfoPath form web-part does not contain the form you have customized (only forms for the current site are listed there):<\/p>\n\n

<\/p>\n\n

There is, however, an indirect way to place the form on another site located on a higher level in hierarchy and within the same Site Collection. This is just what you need if you want to place a HarePoint HelpDesk<\/b> form on your corporate site, since usually HelpDesk is created as a sub-site of the corporate site.<\/p>\n\n

Note that this won\u2019t work across either different Site Collections or different Web Applications.<\/p>\n\n

Go to the target site (where you want to place the form). Create a new dummy list and create a customized form for it. Actually you don\u2019t need to do any customization work for it in InfoPath Designer<\/b>, so when it opens the default form you can publish it immediately without making any changes:<\/p>\n\n

<\/p>\n\n

Then add a webpart with this InfoPath form to a site page \u2014 in the next steps we will replace it with the necessary form.<\/p>\n\n

<\/p>\n\n

Click Site Actions \u2013 Edit in SharePoint Designer<\/i>.<\/p>\n\n

<\/p>\n\n

As the Designer<\/b> starts, click Site Pages<\/i> in the navigation pane on the left, then select the page where the form resides.<\/p>\n

<\/p>\n

Click on InfoPath form Web Part to select it:<\/p>\n\n

<\/p>\n\n

At the right in the Tag Properties<\/i> pane, in the Misc<\/i> section, find FormLocation<\/i>:<\/p>\n\n

<\/p>\n

Note that this field contains the relative URL of the dummy list.<\/p>\n

Now go to the HelpDesk site and select the list whose form you are planning to place on the target site. In our case it is a list \u201cRequests\u201d. Copy its URL and paste it in the FormLocation<\/i> property instead of the dummy list URL. You can copy the absolute URL, it will be cut to the relative URL automatically.<\/p>\n\n

<\/p>\n

Save changes in SharePoint Designer<\/b>, and then reload the target site page.<\/p>\n

Now you\u2019ll see the correct form instead of the dummy form.<\/p>\n

Conclusion<\/h2>\n

In this article you have seen how you can easily customize HarePoint HelpDesk<\/a> forms according to your needs using InfoPath Designer.<\/p>\n

Using InfoPath customized forms across sites within the same Site Collection is also described.<\/p>\n","protected":false},"excerpt":{"rendered":"

In this article, you will see how you can easily customize HarePoint HelpDesk forms according to your needs using InfoPath Designer. Using InfoPath customized forms across sites within the same Site Collection is also described.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[8],"_links":{"self":[{"href":"https:\/\/www.harepoint.com\/Blog\/wp-json\/wp\/v2\/posts\/68"}],"collection":[{"href":"https:\/\/www.harepoint.com\/Blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.harepoint.com\/Blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.harepoint.com\/Blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.harepoint.com\/Blog\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":4,"href":"https:\/\/www.harepoint.com\/Blog\/wp-json\/wp\/v2\/posts\/68\/revisions"}],"predecessor-version":[{"id":730,"href":"https:\/\/www.harepoint.com\/Blog\/wp-json\/wp\/v2\/posts\/68\/revisions\/730"}],"wp:attachment":[{"href":"https:\/\/www.harepoint.com\/Blog\/wp-json\/wp\/v2\/media?parent=68"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.harepoint.com\/Blog\/wp-json\/wp\/v2\/categories?post=68"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.harepoint.com\/Blog\/wp-json\/wp\/v2\/tags?post=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}